bilibili / WebAV

WebAV is an SDK built on WebCodecs, designed for creating and editing video files on the web platform. WebAV 是基于 WebCodecs 构建的 SDK,用于在 Web 平台上创建/编辑视频文件。
https://bilibili.github.io/WebAV/
MIT License
902 stars 107 forks source link

av-cliper 的 Combinator 导出的视频不支持 web 流媒体播放 #183

Open mxue12138 opened 1 month ago

mxue12138 commented 1 month ago

编码没看出来什么特殊的,但是就是不支持流媒体播放,具体点说就是在 video 标签内播放导出的视频时,video 会等待全部加载完才开始播放,我试了一下,和服务器、videoCodec、video、视频大小都没关系,请问遇到过这个问题吗?有没有办法解决呀 😭

原始视频 测试地址:https://www.24mz.cn/webav/a.html(可以看到是一边播放一边加载的) 导出的视频 测试地址:https://www.24mz.cn/webav/b.html(服务器带宽小,需要加载很久)

QQ20240718-142410

F-howk commented 1 month ago

应该是moov 盒子在最后的原因

hughfenghen commented 1 month ago

av-cliper 导出的视频是 segment mp4,moov 在头部

请尝试官方 demo 是否正常

mxue12138 commented 1 month ago

av-cliper 导出的视频是 segment mp4,moov 在头部

请尝试官方 demo 是否正常

官方demo导出的视频也是这样的,必须得全部加载完才能播放 https://www.24mz.cn/webav/c.html

mxue12138 commented 1 month ago

av-cliper 导出的视频是 segment mp4,moov 在头部

请尝试官方 demo 是否正常

我看了下能流媒体播放和不能流媒体播放的视频,视频信息的确在头部,并且都支持“fast start: yes”,但是在浏览器中的确不能流媒体播放,研究发现,“fragments: yes” 这个参数等于 yes 的时候就不能流媒体播放,我不太懂这个,求教一下

QQ20240719-111321 QQ20240719-111309

mxue12138 commented 1 month ago

仔细看了下 mp4box.js 的文档,官方有说明这个问题,但是我发现 av-cliper 使用的是修改过的 mp4box.js,里面没有文档中说的方法,,,不知道怎么解决了

1ec08c86d1815178d8021c6aa82e1ce5

YangMaoxiang commented 3 weeks ago

遇到了同样的问题,期待解决方案