You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.4 KiB
47 lines
1.4 KiB
<script>
|
|
let req = new GetJson("/api/stream/1");
|
|
let link_req = new GetJson("/api/stream/1/links");
|
|
</script>
|
|
<script src="https://player.twitch.tv/js/embed/v1.js"></script>
|
|
|
|
<div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
|
|
<div id="twitch-player" class="flex justify-center items-center w-full bg-gray-300 text-gray-950 text-center aspect-video">
|
|
</div>
|
|
|
|
<div class="p-6 flex flex-col justify-center">
|
|
<div>
|
|
<h2>Links Found in Chat</h2>
|
|
<ul x-init="links = await link_req.theData()" x-data="{links: {}}">
|
|
<template x-for="item in links">
|
|
<li><a x-text="item.description" x-bind:href="item.url"></a></li>
|
|
</template>
|
|
</ul>
|
|
</div>
|
|
|
|
<form action="/api/link" method="POST">
|
|
<card class="card">
|
|
<top>Submit a Link</top>
|
|
<middle>
|
|
<input id="stream_id" name="stream_id" type="hidden" value="1">
|
|
<input id="url" name="url" type="text" placeholder="Link Url">
|
|
<input id="description" name="description" type="text" placeholder="Description">
|
|
</middle>
|
|
<bottom>
|
|
<button id="submit" type="submit">Send It</button>
|
|
</bottom>
|
|
</card>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var options = {
|
|
width: "100%",
|
|
height: "100%",
|
|
autoplay: false,
|
|
muted: true,
|
|
channel: "zedashaw"
|
|
};
|
|
var player = new Twitch.Player("twitch-player", options);
|
|
player.setVolume(0.5);
|
|
</script>
|
|
|