brooke/hls-test
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

bits

Browse source
This commit is contained in:
Brooke Vibber 2022-06-06 15:33:52 -07:00
commit 8493a4eb3c
7 changed files with 71 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

46
mp3.html
View file

@ -6,11 +6,36 @@
</head>
<body>
<h1>HLS WebM test with codec</h1>
<p>The video will try to load an HLS containing VP9-in-MP4 and fallback variants, with Opus audio:</p>
<p>The video will try to load an HLS containing VP9-in-MP4 and fallback variants, with MP3 audio:</p>
<video id=hls1 controls width=640 height=360>
<source type=application/vnd.apple.mpegurl src=av-mp3-mp4.m3u8>
</video>
<p id=err></p>
<p id=err1></p>
<p>And with MP3 audio and only H.264 (marked as mp4a.6b):</p>
<video id=hls2 controls width=640 height=360>
<source type=application/vnd.apple.mpegurl src=av-mp3-h264.m3u8>
</video>
<p id=err2></p>
<p>And with MP3-in-MP4 audio (marked as mp3):</p>
<video id=hls3 controls width=640 height=360>
<source type=application/vnd.apple.mpegurl src=av-mp3mp4-h264.m3u8>
</video>
<p id=err3></p>
<p>And with MP3-in-MP4 audio (marked as mp4a.6b):</p>
<video id=hls4 controls width=640 height=360>
<source type=application/vnd.apple.mpegurl src=av-mp3mp4b-h264.m3u8>
</video>
<p id=err4></p>
<p>And with MP3-in-TS audio:</p>
<video id=hls5 controls width=640 height=360>
<source type=application/vnd.apple.mpegurl src=av-ts-h264.m3u8>
</video>
<p id=err5></p>
<script>
let codes = {
[MediaError.MEDIA_ERR_ABORTED]: 'MEDIA_ERR_ABORTED',
@ -18,11 +43,18 @@
[MediaError.MEDIA_ERR_DECODE]: 'MEDIA_ERR_DECODE',
[MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED]: 'MEDIA_ERR_SRC_NOT_SUPPORTED',
};
hls1.addEventListener('error', function() {
let {code, message} = this.error;
let codeName = codes[code];
err.textContent = `${code} ${codeName}: ${message}`;
});
function errify(hls, err) {
hls.addEventListener('error', function() {
let {code, message} = this.error;
let codeName = codes[code];
err.textContent = `${code} ${codeName}: ${message}`;
});
}
errify(hls1, err1);
errify(hls2, err2);
errify(hls3, err3);
errify(hls4, err4);
errify(hls5, err5);
</script>
</body>