78 lines
2.9 KiB
HTML
78 lines
2.9 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="vp9, opus"" src=polyphon-vp9-opus.webm>
|
||
|
|
<source type="video/webm; codecs="vp8, vorbis"" src=polyphon-vp8-vorbis.webm>
|
||
|
|
<source type="video/mp4; codecs="avc1.640032, mp4a.40"" 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="vp09.00.10.08, mp4a.40"" src=polyphon-vp9-aac.mp4>
|
||
|
|
<source type="video/mp4; codecs="avc1.640032, mp4a.40"" src=polyphon-h264-aac.mp4>
|
||
|
|
</video>
|
||
|
|
|
||
|
|
|
||
|
|
<p>This one will be h264 only:</p>
|
||
|
|
<video id=flat3 controls width=640 height=360>
|
||
|
|
<source type="video/mp4; codecs="avc1.640032, mp4a.40"" 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>
|