<table style="width: 100%"><tbody>
<tr>
<td><strong>Now Playing</strong></td>
- <td class="item" id="currVid">Some File</td>
- </tr>
- <tr>
- <td><strong>Playing Next</strong></td>
- <td class="item" id="nextVid">Some Other File</td>
+ <td class="item" id="currVid">Loading...</td>
</tr>
</tbody></table>
</section>
<input type="button" value="Chan +" onclick="javascript:UI.chan_next()"/>
<input type="button" value="Chan -" onclick="javascript:UI.chan_prev()"/>
<input type="button" value="Skip" onclick="javascript:UI.skip()"/>
+ <input type="button" value="Enqueue" onclick="javascript:UI.select_file()"/>
</div>
</section>
</article>
{
UI.set_play_state(
data["curr"]["path"], // Now Playing
- data["next"]["path"], // Up next
data.playing // Playing or paused
);
}
<table style="width: 100%"><tbody>
<tr>
<td><strong>Now Playing</strong></td>
- <td class="item" id="currVid">Some File</td>
- </tr>
- <tr>
- <td><strong>Playing Next</strong></td>
- <td class="item" id="nextVid">Some Other File</td>
+ <td class="item" id="currVid">Loading...</td>
</tr>
</tbody></table>
<div style="width: 100%; text-align: center"><h2>Queued Videos</h2></div>
{
UI.set_play_state(
data["curr"]["path"], // Now Playing
- data["next"]["path"], // Up next
data.playing // Playing or paused
);
}
<span>APP</span>
</div>
-<div id="ChannelTitle" class="channelBadge">Channel</div>
+<div id="ChannelTitle" class="channelBadge"> </div>
<script>
let current = {};
refreshQueue();
};
- self.set_play_state = (up_now, up_next, playing)=>{
+ self.set_play_state = (up_now, playing)=>{
currVid.innerText = up_now;
- nextVid.innerText = up_next;
if (document.getElementById("playBtn")) {
playBtn.value = (playing ? "Pause" : "Play");
}
end
data
end
- pp items
{ "items" => items }
end