如何通过blob隐藏video的src,m3u8格式?

将m3u8文件blob了,放入video标签中,视频不能播放,如果直接使用video.src = "./mfs.avc.ne.m3u8";是可以播放的,请问这种问题需要怎么解决?

我的m3u8的blob对象,已经查看了,vnd.apple.mpegurl这个类型浏览器是支持的
clipboard.png

<body>
    <video id="player" controls autoplay style="width:400px;height:300px;">
    </video>
    <script>
    fetch("./mfs.avc.ne.m3u8")
        .then(function (response) {
            return response.blob();
        })
        .then(function (m3u8blob) {
           
            console.log(m3u8blob);
            // var bb = new Blob([m3u8blob],{type:"application/x-mpegURL"});
            // console.log(bb);
            var video = document.getElementById("player");
            video.src = URL.createObjectURL(m3u8blob);
            // console.log(bb.getBlob(type));
            // video.src = "./mfs.avc.ne.m3u8";

            video.type = "application/x-mpegURL";
            
        })
</script>
阅读 11.1k
2 个回答

m3u8只是一个索引文件,如果相对目录是服务器,那么就从服务器上找ts文件播放。
而如果你变成了本地附件,那相对路径就是本地,如何从本地找ts播放?

新手上路,请多包涵

大佬 请问你下面说的将切片改成完整地址是什么样的?求借鉴

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏