<script>
  import HLSVideo from "$/client/components/HLSVideo.svelte";
  import Icon from "$/client/components/Icon.svelte";
  let source = "/images/sample_video.mp4";
  let poster = "/images/sample_image.jpg";
  let video_background = "rgba(0,0,0,0)";
</script>

<container class="pattern-lines-sm">
<HLSVideo poster={ poster } background_color={video_background } source={ source } starts_on={ new Date(Date.now() + 10000) } />
</container>

<h1>Instructions</h1>

<p>To get this demo to work you should get the
<a href="/client/#/bando/components/WTVideo/">WTVideo</a> demo working.
This demo will have you create a sample image and sample video that
the <code>HLSVideo</code> uses as well.  If you don't have access to
the <code>mktorrent</code> command mentioned in the
<a href="/client/#/bando/components/WTVideo/">WTVideo</a> demo then
just skip that part and as long as you have the samples in place
the <code>HLSVideo</code> demo will work.  </p>
