mirror of
https://github.com/langhuihui/monibuca.git
synced 2025-12-24 13:48:04 +08:00
39 lines
1.3 KiB
HTML
39 lines
1.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>Hls.js demo - basic usage</title>
|
|
</head>
|
|
|
|
<body>
|
|
<script src="hls.js"></script>
|
|
|
|
<center>
|
|
<h1>Hls.js demo - basic usage</h1>
|
|
<video height="600" id="video" controls></video>
|
|
</center>
|
|
|
|
<script>
|
|
var video = document.getElementById('video');
|
|
if (Hls.isSupported()) {
|
|
var hls = new Hls({
|
|
debug: true,
|
|
});
|
|
hls.loadSource('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8');
|
|
hls.attachMedia(video);
|
|
hls.on(Hls.Events.MEDIA_ATTACHED, function () {
|
|
video.muted = true;
|
|
video.play();
|
|
});
|
|
}
|
|
// hls.js is not supported on platforms that do not have Media Source Extensions (MSE) enabled.
|
|
// When the browser has built-in HLS support (check using `canPlayType`), we can provide an HLS manifest (i.e. .m3u8 URL) directly to the video element through the `src` property.
|
|
// This is using the built-in support of the plain video element, without using hls.js.
|
|
else if (video.canPlayType('application/vnd.apple.mpegurl')) {
|
|
video.src = 'https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8';
|
|
video.addEventListener('canplay', function () {
|
|
video.play();
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|