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

flashing ftb, wire up missing button and styling

Browse Source
This commit is contained in:
Joel Wetzell
2023-02-18 11:54:41 -06:00
parent 5d551e9ed9
commit 00ce8b32bc
2 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/atem/main.js
+22 -1
View File
@@ -49,6 +49,12 @@ exports.update = function update(device, _document, updateType, data) {
// TODO: format in 0:00 format
document.getElementById(`me-${i}-transition-rate`).textContent =
`00${mixEffect.transitionPosition.remainingFrames}`.slice(-2);
if (mixEffect.transitionPosition.inTransition) {
document.getElementById(`me-${i}-auto`).classList.add('atem-red');
} else {
document.getElementById(`me-${i}-auto`).classList.remove('atem-red');
}
}
} else if (updateType.includes('downstreamKeyers')) {
for (let i = 0; i < data.video.downstreamKeyers.length; i++) {
@@ -82,7 +88,13 @@ exports.update = function update(device, _document, updateType, data) {
// TODO: format in 0:00 format
document.getElementById(ftbRateId).textContent = `00${fadeToBlack.remainingFrames}`.slice(-2);
if (fadeToBlack.inTransition || fadeToBlack.isFullyBlack) {
if (fadeToBlack.isFullyBlack) {
if (document.getElementById(ftbId).classList.contains('atem-red')) {
document.getElementById(ftbId).classList.remove('atem-red');
} else {
document.getElementById(ftbId).classList.add('atem-red');
}
} else if (fadeToBlack.inTransition) {
document.getElementById(ftbId).classList.add('atem-red');
} else {
document.getElementById(ftbId).classList.remove('atem-red');
@@ -164,6 +176,15 @@ exports.update = function update(device, _document, updateType, data) {
}
});
}
} else if (updateType.includes('transitionPreview')) {
for (let i = 0; i < data.video.mixEffects.length; i++) {
const mixEffect = data.video.mixEffects[i];
if (mixEffect.transitionPreview) {
document.getElementById(`me-${i}-transition-preview`).classList.add('atem-red');
} else {
document.getElementById(`me-${i}-transition-preview`).classList.remove('atem-red');
}
}
} else {
console.log('unhandled update');
console.log(updateType);
plugins/atem/template.ejs
+4 -4
View File
@@ -6,8 +6,8 @@
<% Object.entries(data.video.mixEffects).forEach(([meIndex, state])=>{ %>
<div class="mixeffect_wrapper" id="me-<%= meIndex %>">
<h1 class="atem-gray me-label">ME<%= Number(meIndex) + 1 %></h1>
<div class="inputs show-small">
<h3 class="atem-gray">Inputs</h3>
<div class="inputs-container show-small">
<h3 class="atem-gray">Preview/Program</h3>
<div class="source-wrapper">
<% Object.values(data.inputs).sort((a,b)=>a.internalPortType<b.internalPortType).forEach((input)=>{ %>
<% if ([0,1,2,3,4].includes(input.internalPortType)) { %>
@@ -22,7 +22,7 @@
<% }) %>
</div>
</div>
<div class="program hide-small">
<div class="program-container hide-small">
<h3 class="atem-gray">Program</h3>
<div class="source-wrapper">
<% Object.values(data.inputs).sort((a,b)=>a.internalPortType<b.internalPortType).forEach((input)=>{ %>
@@ -135,7 +135,7 @@
</div>
<div class="source-wrapper no-wrap clear">
<div id="me-<%= meIndex %>-prevtrans" class="atem-input">
<div id="me-<%= meIndex %>-transition-preview" class="atem-input">
<div class="source-label" style="flex-direction: column;">
<div>PREV</div> <div>TRANS</div>
</div>