clients/host/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Movie Night Host</title>
    <link rel="shortcut icon" type="image/png"
          href="/common/image/favicon.png">
    <link rel="stylesheet" href="/common/style.css">
  </head>

  <body>
    <div>
      <p>URL of media (video or audio) to be played:</p>

      <input id="stream-url" type="url"
             value="https://example.com/foo.mp4"
             style="width: 75%"/>
    </div>
    <div>
      <p>URL of WebVTT text track for captions (optional):</p>

      <input id="vtt-url" type="url"
             value="https://example.com/foo.vtt"
             style="width: 75%"/>
    </div>
    <div>
      <p>Media time point (hh:mm:ss) to start from:</p>

      <input id="seek-str" value="00:00:00"/>
    </div>
    <div>
      <p>Start delay (seconds), for buffering:</p>

      <input id="offset-secs" type="number" value="8"/>
    </div>
    <div class="button-panel">
      <input id="play-button" type="button" value="Play"/>
      <input id="pause-button" type="button" value="Pause"/>
    </div>
    <div id="status">
        Not Connected.
    </div>
    <script src="index.js"></script>

    <hr class="content-bottom">

    <footer class="license">
      This JavaScript client program is free software, licensed under
      the GNU General Public License version 3 or later.  The source code
      and further details are available in the
      <a href="https://github.com/octalsrc/parallel-playback">git
        repository</a>.
    </footer>
  </body>
</html>