heck yeah fallbacks working
This commit is contained in:
parent
02c01d60cf
commit
16420f12d4
4 changed files with 116 additions and 28 deletions
70
fmp4.html
70
fmp4.html
|
|
@ -10,39 +10,70 @@
|
|||
|
||||
<h2>Caminandes - Llamigos</h2>
|
||||
|
||||
<p>WebM VP9 and VP8 in front, HLS with VP9-in-MP4 video with Opus-in-MP4 or AAC audio behind.</p>
|
||||
<h3>Full fallbacks</h3>
|
||||
|
||||
<p>WebM VP9 and VP8 in front, HLS with VP9/MJPEG video and Opus/MP3 audio behind.</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type="video/webm; codecs="vp9, opus"" src=new-vp9.webm>
|
||||
<source type="video/webm; codecs="vp8, vorbis"" src=new-vp8.webm>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9.m3u8>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-mjpeg.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS VP9+Opus or VP9+MP3, no fallbacks:</p>
|
||||
<h3>Single video codecs</h3>
|
||||
|
||||
<p>HLS VP9 + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS MPEG-4 Visual+Opus or MPEG-4 Visual+MP3:</p>
|
||||
<p>HLS Motion-JPEG.mov + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.mjpeg.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS H.263.3gp + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.h263.3gp.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS H.263.mov + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.h263.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS MPEG-4 Visual + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.mpeg4.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS MPEG-4 Visual+MP3:</p>
|
||||
<p>HLS H.264 + Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.mpeg4-mp3.m3u8>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.h264.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS MPEG-4 Visual+AAC:</p>
|
||||
<h3>VP9 + Single fallback</h3>
|
||||
|
||||
<p>HLS VP9/MJPEG.mov with Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.mpeg4-aac.m3u8>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-mjpeg.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS VP9+Opus or VP9+MP3, with MPEG-4 Visual fallback:</p>
|
||||
<p>HLS VP9/H.263.3gp with Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-h263.3gp.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS VP9/H.263.mov with Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-h263.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS VP9/MPEG-4 Visual with Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-mpeg4.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS VP9+Opus or VP9+MP3, with h.264 fallback:</p>
|
||||
<p>HLS VP9/H.264 with Opus/MP3:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-h264.m3u8>
|
||||
</video>
|
||||
|
|
@ -54,9 +85,19 @@
|
|||
<source type=application/vnd.apple.mpegurl src=fmp4.480p.vp9.mp4.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS h.264 in fMP4:</p>
|
||||
<p>HLS MJPEG.mov in fMP4:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.480p.h264.mp4.m3u8>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.120p.mjpeg.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS h.263.3gp in fMP4:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.288p.h263.3gp.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS h.263.mov in fMP4:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.288p.h263.mov.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS MPEG-4 Visual in fMP4:</p>
|
||||
|
|
@ -64,6 +105,11 @@
|
|||
<source type=application/vnd.apple.mpegurl src=fmp4.480p.mpeg4.mp4.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS h.264 in fMP4:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.480p.h264.mp4.m3u8>
|
||||
</video>
|
||||
|
||||
<p>HLS Opus in fMP4:</p>
|
||||
<video controls width=640 height=360>
|
||||
<source type=application/vnd.apple.mpegurl src=fmp4.audio.opus.mp4.m3u8>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue