hls.js使用，停止，停止推流

一叶一语

已于 2024-07-22 09:23:06 修改

阅读量162

点赞数 2

文章标签： javascript 前端开发语言

于 2024-07-05 09:14:20 首次发布

本文链接：https://blog.csdn.net/qyx189573/article/details/140198302

版权

安装

npm install hls.js

标签

 <video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" muted style="width: 100%"></video>

var myhls =null
 var video = document.getElementById('my-video')
        this.src = url
        if (Hls.isSupported()) {
          var hls = new Hls()
         myhls = hls
          hls.loadSource(url)

          hls.attachMedia(video)
          hls.on(Hls.Events.MANIFEST_PARSED, function () {
            video.play()
          })
        } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
          video.src = url
          video.addEventListener('loadedmetadata', function () {
            video.play()
          })
        }