标签：javascript html5 video streaming media-source

我指的是link上给出的媒体源api演示

它对于给定的测试webm文件工作正常,但是当我尝试将文件名更改为自定义webm文件时,代码停止工作.

它产生以下错误：未捕获错误：INVALID_STATE_ERR：以下代码中的DOM异常11：sourceBuffer.append(new Uint8Array(e.target.result));

要检查自定义webm文件是否正常工作,我创建了一个测试页面,其中我定义了一个包含该自定义webm文件源的视频标签.
当我运行代码时,它工作正常.

我无法理解这种奇怪行为的原因.

解决方法:

最可能的问题是您的WebM文件具有不以关键帧开头的群集.

在Chrome开发者频道版本(即Chrome 25或更高版本)中,您可以通过以下步骤进行验证.

>在另一个选项卡中打开chrome：media-internals.
>返回测试页面的选项卡并重新加载.
>当再次出现错误时,切换回chrome：media-internals选项卡,并在“Active media players：”标题下查找底部条目.它应该具有相同的blob：您传递给视频元素src属性的URL.
>单击blob：URL以展开播放器数据.
>单击“日志：”条目以显示播放器日志记录数据.
>在“事件：”列中搜索具有“MEDIA_SOURCE_ERROR”的条目.这些条目应提供有关传递给浏览器的内容有什么问题的信息.

如果您看到一条消息,上面写着“媒体片段未以关键帧开头”.那么这意味着您的文件具有不以关键帧开头的群集.这与FFmpeg生成的内容很常见.您可以通过以下方式之一修复文件：

>运行WebM adaptive streaming guide第2.2.5节中提到的sample_muxer程序
>运行我在mse-tools项目中编写的mse_webm_remuxer程序.

标签：javascript,html5,video,streaming,media-source
来源： https://codeday.me/bug/20190713/1450465.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。