2023-03-08 20:03:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset=utf-8>
|
|
|
|
|
<title>HLS VP9/fMP4 test</title>
|
|
|
|
|
<link rel=stylesheet type=text/css href=video-js/video-js.css>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<h1>HLS VP9/fMP4 test</h1>
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
<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>
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<p>HLS VP9+Opus or VP9+MP3, no fallbacks:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.vp9.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
2023-03-27 19:24:04 +00:00
|
|
|
<p>HLS MPEG-4 Visual+Opus or MPEG-4 Visual+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>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.mpeg4-mp3.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<p>HLS MPEG-4 Visual+AAC:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.mpeg4-aac.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<p>HLS VP9+Opus or VP9+MP3, with MPEG-4 Visual fallback:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-mpeg4.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
2023-03-08 20:03:23 +00:00
|
|
|
<p>HLS VP9+Opus or VP9+MP3, with h.264 fallback:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.vp9-h264.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
2023-03-08 20:35:04 +00:00
|
|
|
<h2>Component tracks</h2>
|
|
|
|
|
|
|
|
|
|
<p>HLS VP9 in fMP4:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.480p.vp9.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>
|
|
|
|
|
|
2023-03-27 19:24:04 +00:00
|
|
|
<p>HLS MPEG-4 Visual in fMP4:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.480p.mpeg4.mp4.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
2023-03-08 20:35:04 +00:00
|
|
|
<p>HLS Opus in fMP4:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.audio.opus.mp4.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<p>HLS AAC in fMP4:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.audio.aac.mp4.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
|
|
|
|
<p>HLS MP3:</p>
|
|
|
|
|
<video controls width=640 height=360>
|
|
|
|
|
<source type=application/vnd.apple.mpegurl src=fmp4.audio.mpeg.mp3.m3u8>
|
|
|
|
|
</video>
|
|
|
|
|
|
2023-03-08 20:03:23 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
