forked from lavender/watch-party
maia tillie arson crimew
98505de0f0
TODO: - instead of fixing a size make it max-height - when the chat is below the video it would probably be better to put the viewer list next to the chat
52 lines
1.4 KiB
HTML
52 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>watch party :D</title>
|
|
<link rel="stylesheet" href="/styles.css?v=4" />
|
|
</head>
|
|
|
|
<body>
|
|
<noscript>
|
|
This site will <em>not</em> work without JavaScript, and there's not
|
|
really any way around that :(
|
|
</noscript>
|
|
|
|
<div id="create-controls">
|
|
<form id="create-session-form">
|
|
<h2>Create a session</h2>
|
|
|
|
<label for="create-session-video">Video:</label>
|
|
<input
|
|
type="text"
|
|
id="create-session-video"
|
|
placeholder="https://video.example.com/example.mp4"
|
|
required
|
|
/>
|
|
|
|
<!-- TODO: Ability to add multiple subtitles for different languages -->
|
|
<label for="create-session-subs">Subtitles:</label>
|
|
<input
|
|
type="text"
|
|
id="create-session-subs"
|
|
placeholder="https://video.example.com/example.vtt"
|
|
/>
|
|
|
|
<label for="create-session-subs-name">Subtitle track name:</label>
|
|
<input
|
|
type="text"
|
|
id="create-session-subs-name"
|
|
placeholder="English"
|
|
/>
|
|
<button>Create</button>
|
|
</form>
|
|
|
|
<p>
|
|
Already have a session?
|
|
<a href="/">Join your session</a> instead.
|
|
</p>
|
|
</div>
|
|
|
|
<script type="module" src="/create.mjs?v=1"></script>
|
|
</body>
|
|
</html>
|