<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="boxcast-player"></div>
<div id="boxcast-playlist"></div>
<script type="module">
import 'https://js.boxcast.com/v3.min.js';
const Channel = {
Basics: "sfz7ja3rlpoous6usu8a",
Sunday: "gzahmhugrzogttfdtbjj",
Dev: "r3os2zfdnhlquhuypgtp"
};
/*
const Player = boxcast("#boxcast-player");
Player.loadChannel(Channels.Basics,
{
showTitle: true,
showDescription: true,
showCountdown: true,
//selectedBroadcastId: "yo8sefnnejvw3cx3vhup",
//showRelated: true,
//relatedBroadcastsQuery: {q: "timeframe:relevant starts_at:[2022-01-01 TO 2022-12-01]"},
onLoadBroadcast: console.log,
autoplay: true,
defaultVideo: "next"
});
*/
import { h, html, render } from "https://esm.sh/htm/preact";
import App from "./app.js";
render(
h(App, {channel:Channel.Basics, interval:5000}),
document.querySelector("#boxcast-playlist")
);
</script>
</body>
</html>