34 lines
1.4 KiB
HTML
34 lines
1.4 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset=utf-8>
|
||
|
|
<title>HLS WebM test with JPEG</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>HLS WebM test with JPEG</h1>
|
||
|
|
<p>The video will try to load an HLS containing a VP9-in-MP4 variant, with AAC audio, with JPEG-in-MP4 fallback:</p>
|
||
|
|
<video id=hls1 controls width=640 height=360>
|
||
|
|
<source type=application/vnd.apple.mpegurl src=fallback-jpeg.m3u8>
|
||
|
|
</video>
|
||
|
|
<p>HLS containing JPEG-in-MP4, with AAC audio:</p>
|
||
|
|
<video id=hls2 controls width=640 height=360>
|
||
|
|
<source type=application/vnd.apple.mpegurl src=only-jpeg.m3u8>
|
||
|
|
</video>
|
||
|
|
<p>HLS containing JPEG-in-MOV, with AAC audio:</p>
|
||
|
|
<video id=hls3 controls width=640 height=360>
|
||
|
|
<source type=application/vnd.apple.mpegurl src=only-jpeg-mov.m3u8>
|
||
|
|
</video>
|
||
|
|
<p>Flat JPEG-in-MP4:</p>
|
||
|
|
<video id=flat1 controls width=640 height=360>
|
||
|
|
<source type="video/mp4; codecs="jpeg"" src=polyphon-jpeg.mp4>
|
||
|
|
</video>
|
||
|
|
<p>Flat JPEG-in-MOV:</p>
|
||
|
|
<video id=flat2 controls width=640 height=360>
|
||
|
|
<source type="video/quicktime; codecs="jpeg"" src=polyphon-jpeg.mov>
|
||
|
|
</video>
|
||
|
|
<p>Flat JPEG-in-MOV, with AAC audio:</p>
|
||
|
|
<video id=flat3 controls width=640 height=360>
|
||
|
|
<source type="video/quicktime; codecs="jpeg"" src=polyphon-jpeg-aac.mov>
|
||
|
|
</video>
|
||
|
|
</body>
|
||
|
|
</html>
|