Spaces:
Running
Running
Commit
•
9423799
1
Parent(s):
ee60fb1
working on the V2
Browse files- public/index.html +30 -1
public/index.html
CHANGED
|
@@ -8,6 +8,27 @@
|
|
| 8 |
<body
|
| 9 |
x-data="app()" x-init="init()"
|
| 10 |
class="fixed inset-0 bg-[rgb(0,0,0)] flex flex-col w-full items-center justify-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 11 |
<div class="flex w-full">
|
| 12 |
<video id="videoElement" muted autoplay class="aspect-video w-full"></video>
|
| 13 |
<!--
|
|
@@ -35,8 +56,16 @@ function app() {
|
|
| 35 |
model: 'cerspense/zeroscope_v2_576w',
|
| 36 |
modelUrl: 'https://huggingface.co/cerspense/zeroscope_v2_576w',
|
| 37 |
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
},
|
| 39 |
-
defaultChannelId: '
|
| 40 |
channel: {
|
| 41 |
},
|
| 42 |
init() {
|
|
|
|
| 8 |
<body
|
| 9 |
x-data="app()" x-init="init()"
|
| 10 |
class="fixed inset-0 bg-[rgb(0,0,0)] flex flex-col w-full items-center justify-center">
|
| 11 |
+
<div
|
| 12 |
+
class="fixed w-full top-4 px-6 font-mono text-white flex items-center justify-between space-x-1"
|
| 13 |
+
style="text-shadow: 0px 0px 3px #000000">
|
| 14 |
+
|
| 15 |
+
<div class="text-md">🤗 AI WebTV 👉 Pick a stream:
|
| 16 |
+
<template x-for="chan in channels">
|
| 17 |
+
<span
|
| 18 |
+
class="text-lg mr-2"
|
| 19 |
+
:class="chan.id === channel.id
|
| 20 |
+
? 'font-bold'
|
| 21 |
+
: 'hover:underline opacity-60 hover:opacity-80 cursor-pointer'"
|
| 22 |
+
x-on:click="window.location = `${window.location.origin}/?channel=${chan.id}`"
|
| 23 |
+
x-text="chan.label"></span>
|
| 24 |
+
</template>
|
| 25 |
+
</div>
|
| 26 |
+
<div class="text-xs">(<a
|
| 27 |
+
class=""
|
| 28 |
+
:href="channel.modelUrl"
|
| 29 |
+
x-text="channel.model"
|
| 30 |
+
target="_blank"></a>, <span x-text="channel.resolution"></span>)</div>
|
| 31 |
+
</div>
|
| 32 |
<div class="flex w-full">
|
| 33 |
<video id="videoElement" muted autoplay class="aspect-video w-full"></video>
|
| 34 |
<!--
|
|
|
|
| 56 |
model: 'cerspense/zeroscope_v2_576w',
|
| 57 |
modelUrl: 'https://huggingface.co/cerspense/zeroscope_v2_576w',
|
| 58 |
},
|
| 59 |
+
'2': {
|
| 60 |
+
id: '2',
|
| 61 |
+
label: '#HDTV',
|
| 62 |
+
url: 'https://jbilcke-hf-media-server.hf.space/live/webtv2.flv',
|
| 63 |
+
resolution: '1024x576',
|
| 64 |
+
model: 'cerspense/zeroscope_v2_XL',
|
| 65 |
+
modelUrl: 'https://huggingface.co/cerspense/zeroscope_v2_XL',
|
| 66 |
+
},
|
| 67 |
},
|
| 68 |
+
defaultChannelId: '2',
|
| 69 |
channel: {
|
| 70 |
},
|
| 71 |
init() {
|