Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
- </head>
- <body style="margin:0px;padding:0px;overflow:hidden">
- <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
- <!-- Or if you want a more recent canary version -->
- <!-- <script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script> -->
- <video id="video"></video>
- <script>
- var video = document.getElementById('video');
- if(Hls.isSupported()) {
- var hls = new Hls();
- hls.loadSource('http://192.168.0.102:4003/play/a01d/index.m3u8');
- hls.attachMedia(video);
- hls.on(Hls.Events.MANIFEST_PARSED,function() {
- 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 throught the `src` property.
- // This is using the built-in support of the plain video element, without using hls.js.
- // Note: it would be more normal to wait on the 'canplay' event below however on Safari (where you are most likely to find built-in HLS support) the video.src URL must be on the user-driven
- // white-list before a 'canplay' event will be emitted; the last video event that can be reliably listened-for when the URL is not on the white-list is 'loadedmetadata'.
- else if (video.canPlayType('application/vnd.apple.mpegurl')) {
- video.src = 'http://192.168.0.102:4003/play/a01d/index.m3u8';
- video.addEventListener('loadedmetadata',function() {
- video.play();
- });
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement