hls-test/flat.html
2022-06-06 15:33:52 -07:00

82 lines
No EOL
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Flat VP9/WebM test</title>
</head>
<body>
<h1>Flat WebM test</h1>
<p>This video will try to load a flat file containing VP9/Opus or VP8/Vorbis in WebM, or an h264/AAC fallback:</p>
<video id=flat controls width=640 height=360>
<source type="video/webm; codecs=&quot;vp9, opus&quot;" src=polyphon-vp9-opus.webm>
<source type="video/webm; codecs=&quot;vp8, vorbis&quot;" src=polyphon-vp8-vorbis.webm>
<source type="video/mp4; codecs=&quot;avc1.640032, mp4a.40&quot;" src=polyphon-h264-aac.mp4>
</video>
<p>This one will try VP9/AAC in MP4, or an h264/AAC fallback:</p>
<video id=flat2 controls width=640 height=360>
<source type="video/mp4; codecs=&quot;vp09.00.10.08, mp4a.40&quot;" src=polyphon-vp9-aac.mp4>
<source type="video/mp4; codecs=&quot;avc1.640032, mp4a.40&quot;" src=polyphon-h264-aac.mp4>
</video>
<p>This one will be VP9/MP3 in MP4 listed as mp4a.6b:</p>
<video id=flat2a controls width=640 height=360>
<source type="video/mp4; codecs=&quot;vp09.00.10.08, mp4a.6b&quot;" src=polyphon-vp9-mp3.mp4>
</video>
<p>This one will be h264 only:</p>
<video id=flat3 controls width=640 height=360>
<source type="video/mp4; codecs=&quot;avc1.640032, mp4a.40&quot;" src=polyphon-h264-aac.mp4>
</video>
<p>This one will be VP9-in-MP4 only but not specify codecs:</p>
<video id=flat4 controls width=640 height=360>
<source type="video/mp4" src=polyphon-vp9-aac.mp4>
</video>
<p>This one will be h264 only but not specify codecs:</p>
<video id=flat5 controls width=640 height=360>
<source type="video/mp4" src=polyphon-h264-aac.mp4>
</video>
<h1>Hail Marys</h1>
<p>VP8 in MP4, no markings:</p>
<video id=flat6 controls width=640 height=360>
<source type="video/mp4" src=polyphon-vp8.mp4>
</video>
<p>H.263 in MP4, no markings:</p>
<video id=flat7 controls width=640 height=360>
<source type="video/mp4" src=polyphon-h263.mp4>
</video>
<p>H.263 in mov, no markings:</p>
<video id=flat8 controls width=640 height=360>
<source type="video/quicktime" src=polyphon-h263.mov>
</video>
<p>H.263 in 3gp, no markings:</p>
<video id=flat9 controls width=640 height=360>
<source type="video/3gpp" src=polyphon-h263.3gp>
</video>
<p>MPEG-2 in MP4, no markings:</p>
<video id=flat10 controls width=640 height=360>
<source type="video/mp4" src=polyphon-mpeg2.mp4>
</video>
<p>MPEG-1 in MP4, no markings:</p>
<video id=flat11 controls width=640 height=360>
<source type="video/mp4" src=polyphon-mpeg1.mp4>
</video>
<p>MPEG-4 in MP4, no markings:</p>
<video id=flat12 controls width=640 height=360>
<source type="video/mp4" src=polyphon-m4v.mp4>
</video>
</body>
</html>