This is a parody of leetcode.com for designers. It's being developed live on Twitch.tv/zedashaw to demonstrate how to make a parody of a website.
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.
pixelperfectionist/admin/bando/demos/HLSVideo.svelte

23 lines
956 B

<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>