eminuxandCursor
f92ab3a813
L'encoder scende in congestione e risale piano; la regia imposta il pavimento, mostra lo stato del telefono e apre il selettore dal bitrate colorato. Co-authored-by: Cursor <cursoragent@cursor.com>
163 lines
11 KiB
ERB
163 lines
11 KiB
ERB
<% content_for :title, t("regia.title", home: @team.name, away: @match.opponent_name) %>
|
|
<% content_for :robots, "noindex, nofollow" %>
|
|
|
|
<% content_for :head do %>
|
|
<% unless @stream_closed %>
|
|
<script src="https://cdn.jsdelivr.net/npm/hls.js@1.5.7"></script>
|
|
<% end %>
|
|
<% end %>
|
|
|
|
<div class="regia-page" id="regia-app"
|
|
data-i18n="<%= j regia_js_i18n_json %>"
|
|
data-token="<%= j params[:token] %>"
|
|
data-board="<%= @match.effective_board_type %>"
|
|
data-status-url="<%= j public_regia_status_path(params[:token]) %>"
|
|
data-score-url="<%= j public_regia_score_path(params[:token]) %>"
|
|
data-pause-url="<%= j public_regia_pause_path(params[:token]) %>"
|
|
data-resume-url="<%= j public_regia_resume_path(params[:token]) %>"
|
|
data-stop-url="<%= j public_regia_stop_path(params[:token]) %>"
|
|
data-min-quality-url="<%= j public_regia_min_quality_path(params[:token]) %>"
|
|
data-min-quality="<%= j @session.min_quality_preset %>"
|
|
data-cable-url="<%= j "/cable?regia_token=#{params[:token]}" %>"
|
|
data-hls-url="<%= j @session.hls_playback_url %>"
|
|
data-home-name="<%= j @team.name %>"
|
|
data-away-name="<%= j @match.opponent_name %>"
|
|
data-regia-share-url="<%= j @regia_share_url %>"
|
|
data-regia-share-title="<%= j @regia_share_title %>"
|
|
data-live-share-url="<%= j @live_share_url %>"
|
|
data-live-share-title="<%= j @live_share_title %>"
|
|
data-points-target="<%= @match.effective_board_type.in?(%w[volley racket]) ? Scoring::Rules.from_match(@match).points_target(@score.current_set) : 0 %>"
|
|
data-stream-closed="<%= @stream_closed %>"
|
|
data-initial-paused="<%= @session.paused? %>">
|
|
|
|
<header class="regia-header">
|
|
<div class="regia-header__text">
|
|
<h1><%= @team.name %> vs <%= @match.opponent_name %></h1>
|
|
<p id="regia-subtitle"><%= t("regia.subtitle_prefix") %> <%= regia_header_subtitle(@match, @score) %></p>
|
|
</div>
|
|
<span id="regia-badge" class="regia-badge <%= @stream_closed ? 'regia-badge--ended' : (@session.paused? ? 'regia-badge--wait' : (@on_air ? 'regia-badge--live' : 'regia-badge--wait')) %>">
|
|
<%= @stream_closed ? t("regia.status.ended") : (@session.paused? ? t("regia.status.paused") : (@on_air ? t("regia.status.live") : t("regia.status.waiting"))) %>
|
|
</span>
|
|
</header>
|
|
|
|
<nav class="regia-toolbar" aria-label="<%= t("regia.links_nav") %>">
|
|
<% if @live_share_url.present? %>
|
|
<div class="regia-tool-group" role="group" aria-label="<%= t("regia.live_share_label") %>">
|
|
<span class="regia-tool-group__label"><%= t("regia.live_share_label") %></span>
|
|
<div class="regia-tool-group__btns">
|
|
<button type="button" class="regia-icon-btn" id="btn-share-live" aria-label="<%= t("regia.share_live") %>" title="<%= t("regia.share_live") %>">
|
|
<svg class="icon-outline" viewBox="0 0 24 24" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
|
|
</button>
|
|
<button type="button" class="regia-icon-btn" id="btn-copy-live" aria-label="<%= t("regia.copy_live") %>" title="<%= t("regia.copy_live") %>">
|
|
<svg class="icon-outline" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<div class="regia-tool-group" role="group" aria-label="<%= t("regia.regia_share_label") %>">
|
|
<span class="regia-tool-group__label"><%= t("regia.regia_share_label") %></span>
|
|
<div class="regia-tool-group__btns">
|
|
<button type="button" class="regia-icon-btn" id="btn-share-regia" aria-label="<%= t("regia.share_regia") %>" title="<%= t("regia.share_regia") %>">
|
|
<svg class="icon-outline" viewBox="0 0 24 24" aria-hidden="true"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"/><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/></svg>
|
|
</button>
|
|
<button type="button" class="regia-icon-btn" id="btn-copy-regia" aria-label="<%= t("regia.copy_regia") %>" title="<%= t("regia.copy_regia") %>">
|
|
<svg class="icon-outline" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% unless @stream_closed %>
|
|
<div class="regia-tool-group regia-tool-group--stream" role="group" aria-label="<%= t("regia.stream_controls_label") %>">
|
|
<span class="regia-tool-group__label" aria-hidden="true"> </span>
|
|
<div class="regia-tool-group__btns">
|
|
<button type="button" class="regia-icon-btn" id="btn-toggle-preview" aria-label="<%= t("regia.preview_hide") %>" title="<%= t("regia.preview_hide") %>" aria-pressed="true">
|
|
<svg class="icon-fill icon-eye" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/></svg>
|
|
<svg class="icon-fill icon-eye-off" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>
|
|
</button>
|
|
<button type="button" class="regia-icon-btn<%= " is-paused" if @session.paused? %>" id="btn-pause" aria-label="<%= @session.paused? ? t("regia.resume") : t("regia.pause") %>" title="<%= @session.paused? ? t("regia.resume") : t("regia.pause") %>">
|
|
<svg class="icon-fill icon-pause" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>
|
|
<svg class="icon-fill icon-play" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg>
|
|
</button>
|
|
<button type="button" class="regia-icon-btn regia-icon-btn--danger" id="btn-stop" aria-label="<%= t("regia.stop") %>" title="<%= t("regia.stop") %>">
|
|
<svg class="icon-fill" viewBox="0 0 24 24" aria-hidden="true"><path d="M6 6h12v12H6z"/></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</nav>
|
|
|
|
<section class="regia-preview-wrap" id="regia-preview-wrap">
|
|
<div class="regia-preview" id="regia-preview-box">
|
|
<% unless @stream_closed %>
|
|
<video id="regia-preview" playsinline muted autoplay></video>
|
|
<% end %>
|
|
<div id="regia-preview-placeholder" class="regia-preview__placeholder">
|
|
<%= @stream_closed ? t("regia.preview_ended") : t("regia.preview_waiting") %>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="regia-scoreboard">
|
|
<%= render regia_board_partial(@match) %>
|
|
</section>
|
|
|
|
<% unless @stream_closed %>
|
|
<section class="regia-telemetry" id="regia-telemetry" aria-label="<%= t("regia.telemetry.label") %>">
|
|
<div class="regia-telemetry__row">
|
|
<span class="regia-chip" id="tel-battery" title="<%= t("regia.telemetry.battery") %>">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M16 4h-1V3h-6v1H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H8V6h8v14z"/></svg>
|
|
<span class="regia-chip__label"><%= t("regia.telemetry.battery") %></span>
|
|
<span class="regia-chip__value">—</span>
|
|
</span>
|
|
<span class="regia-chip" id="tel-network" title="<%= t("regia.telemetry.network") %>">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z"/></svg>
|
|
<span class="regia-chip__label"><%= t("regia.telemetry.network") %></span>
|
|
<span class="regia-chip__value">—</span>
|
|
</span>
|
|
<button type="button" class="regia-chip regia-chip--action" id="tel-bitrate" aria-expanded="false" aria-controls="regia-quality" title="<%= t("regia.telemetry.bitrate_tap") %>">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M3 13h2v-2H3v2zm4 4h2v-6H7v6zm4 4h2V7h-2v14zm4-8h2V9h-2v4zm4-4h2V5h-2v4z"/></svg>
|
|
<span class="regia-chip__label"><%= t("regia.telemetry.bitrate") %></span>
|
|
<span class="regia-chip__value">—</span>
|
|
<span class="regia-chip__hint" hidden></span>
|
|
</button>
|
|
<span class="regia-chip" id="tel-fps" title="<%= t("regia.telemetry.fps") %>">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>
|
|
<span class="regia-chip__label"><%= t("regia.telemetry.fps") %></span>
|
|
<span class="regia-chip__value">—</span>
|
|
</span>
|
|
<span class="regia-chip" id="tel-thermal" title="<%= t("regia.telemetry.thermal") %>">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M15 13V5c0-1.66-1.34-3-3-3S9 3.34 9 5v8c-1.21.91-2 2.37-2 4 0 2.76 2.24 5 5 5s5-2.24 5-5c0-1.63-.79-3.09-2-4zm-3 8c-1.66 0-3-1.34-3-3 0-1.19.7-2.23 1.71-2.72L11 14.73V5c0-.55.45-1 1-1s1 .45 1 1v9.73l.29.18C14.3 15.77 15 16.81 15 18c0 1.66-1.34 3-3 3z"/></svg>
|
|
<span class="regia-chip__label"><%= t("regia.telemetry.thermal") %></span>
|
|
<span class="regia-chip__value">—</span>
|
|
</span>
|
|
</div>
|
|
<div class="regia-quality" id="regia-quality" hidden>
|
|
<p class="regia-quality__hint"><%= t("regia.min_quality.recommend") %></p>
|
|
<label for="min-quality"><%= t("regia.min_quality.label") %></label>
|
|
<select id="min-quality" title="<%= t("regia.min_quality.hint") %>">
|
|
<% Sessions::SelectQuality.allowed_min_ids(@session.quality_preset).each do |id| %>
|
|
<option value="<%= id %>" <%= "selected" if @session.min_quality_preset == id %>>
|
|
<%= id == Sessions::SelectQuality::AUTO_ID ? t("regia.min_quality.auto") : Sessions::SelectQuality.display_name(id) %>
|
|
</option>
|
|
<% end %>
|
|
</select>
|
|
</div>
|
|
<p class="regia-telemetry__meta" id="tel-meta"><%= t("regia.telemetry.waiting") %></p>
|
|
</section>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div id="regia-toast" class="regia-toast" role="status"></div>
|
|
|
|
<div id="regia-modal" class="regia-modal" aria-hidden="true">
|
|
<div class="regia-modal__card">
|
|
<h2 id="modal-title"><%= t("regia.modal.set_won_title") %></h2>
|
|
<p id="modal-body"></p>
|
|
<div class="regia-modal__actions">
|
|
<button type="button" class="regia-btn regia-btn--yellow" id="modal-confirm"><%= t("regia.modal.confirm") %></button>
|
|
<button type="button" class="regia-btn regia-btn--outline" id="modal-cancel"><%= t("regia.modal.cancel") %></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/regia.js?v=18"></script>
|