stagehacks/Cue-View
1
0
Fork 0
mirror of https://github.com/stagehacks/Cue-View.git synced 2026-08-19 04:23:54 +00:00
Code Issues Packages Projects Releases 9 Wiki Activity

convert to different atem library. Add FTB and DSK

Browse Source
This commit is contained in:
Joel Wetzell
2023-02-07 00:35:12 -06:00
parent 8d70d9d246
commit bd6757c99f
6 changed files with 417 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/atem/template.ejs
+75 -40
View File
@@ -2,48 +2,83 @@
<h1><%= listName %></h1>
</header>
<div class="program">
<h3>Program</h3>
<div class="source-wrapper">
<% Object.entries(data.source).forEach(([sourceID, state])=>{ %>
<% if (state.tally && state.tally.program) { %>
<div id="atem-program-source-<%= sourceID %>" class="atem-input program-active">
<div class="source-label">
<%= state.abbreviation %>
<% if (data.video.mixEffects) { %>
<% Object.entries(data.video.mixEffects).forEach(([meIndex, state])=>{ %>
<div class="mixeffect_wrapper" id="me-<%= meIndex %>">
<h1>ME<%= Number(meIndex) + 1 %></h1>
<div class="program">
<h3>Program</h3>
<div class="source-wrapper">
<% Object.entries(data.inputs).forEach(([inputId, state])=>{ %>
<div id="me-<%= meIndex %>-program-input-<%= inputId %>" class="atem-input">
<div class="source-label"><%= state.shortName %></div>
</div>
</div>
<% } else { %>
<div id="atem-program-source-<%= sourceID %>" class="atem-input">
<div class="source-label">
<%= state.abbreviation %>
<% }) %>
</div>
</div>
<div class="preview">
<h3>Preview</h3>
<div class="source-wrapper">
<% Object.entries(data.inputs).forEach(([inputId, state])=>{ %>
<div id="me-<%= meIndex %>-preview-input-<%= inputId %>" class="atem-input">
<div class="source-label"><%= state.shortName %></div>
</div>
</div>
<% } %>
<% }) %>
<% }) %>
</div>
</div>
<div class="next-transition">
<h3>Next Transition</h3>
<div class="source-wrapper"></div>
</div>
<div class="transition-style">
<h3>Transition Style</h3>
<div class="source-wrapper"></div>
</div>
<div class="fade-to-black">
<h3>Fade to Black</h3>
<div class="source-wrapper">
<div class="ftb-rate">
<div id="me-<%= meIndex %>-ftb-rate" class="ftb-rate-label">1:00</div>
</div>
<div id="me-<%= meIndex %>-ftb" class="atem-input">
<div class="source-label">FTB</div>
</div>
</div>
</div>
<div class="source-wrapper">
<progress id="me-<%= meIndex %>-tbar-pos" max="10000" value="0" class="tbar-progress"></progress>
</div>
</div>
</div>
<% }) %>
<% } %>
<div class="preview">
<h3>Preview</h3>
<div class="source-wrapper">
<% Object.entries(data.source).forEach(([sourceID, state])=>{ %>
<% if (state.tally && state.tally.preview) { %>
<div id="atem-preview-source-<%= sourceID %>" class="atem-input preview-active">
<div class="source-label">
<div><%= state.abbreviation %></div>
</div>
</div>
<% } else { %>
<div id="atem-preview-source-<%= sourceID %>" class="atem-input">
<div class="source-label">
<div><%= state.abbreviation %></div>
</div>
</div>
<% } %>
<% }) %>
</div>
</div>
<div class="source-wrapper">
<progress id="tbar-pos" max="10000" value="0" class="tbar-progress"></progress>
</div>
<% if (data.video.downstreamKeyers) { %>
<% Object.entries(data.video.downstreamKeyers).forEach(([dskIndex, state])=>{ %>
<div class="dsk">
<h3>DSK<%= Number(dskIndex) + 1 %></h3>
<div class="source-wrapper">
<div id="dsk-<%= dskIndex %>-tie" class="atem-input">
<div class="source-label">TIE</div>
</div>
<div class="dsk-rate">
<div id="dsk-<%= dskIndex %>-rate" class="dsk-rate-label">1:00</div>
</div>
<div id="dsk-<%= dskIndex %>-onair" class="atem-input">
<div class="source-label">ON AIR</div>
</div>
<div id="dsk-<%= dskIndex %>-auto" class="atem-input">
<div class="source-label">AUTO</div>
</div>
</div>
</div>
<% }) %>
<% } %>