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.
23 lines
956 B
23 lines
956 B
2 years ago
|
<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>
|