问题标签 [media-source]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Media Source Api 不适用于自定义 webm 文件(Chrome 版本 23.0.1271.97 m)
我指的是此链接上给出的媒体源 api 演示
对于给定的测试 webm 文件,它工作正常,但是当我尝试将文件名更改为自定义 webm 文件时,代码停止工作。
它正在生成以下错误:Uncaught Error: INVALID_STATE_ERR: DOM Exception 11
在以下代码中: sourceBuffer.append(new Uint8Array(e.target.result));
为了检查自定义 webm 文件是否正常工作,我创建了一个测试页面,我在其中定义了一个包含该自定义 webm 文件源的视频标签。当我运行代码时,它工作正常。
我无法理解这种奇怪行为的原因。
javascript - 尝试将 MediaSource 对象附加为 HTML5 视频标签的源时出现“不允许加载本地资源”错误
我试图让这个例子工作。当我单击链接时,它工作正常。但是当我尝试在本地机器上下载 HTML 文件并尝试相同时,它会抛出此错误。
不允许加载本地资源:blob:null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4
似乎导致问题的代码行是这样的,
video.src = window.URL.createObjectURL(mediaSource);
这行代码所做的基本上是尝试将视频标签媒体元素的来源设置为 MediaSource 对象。我尝试了各种排列,但运气不佳。
我正在使用 Chrome 版本 28.0.1500.72 m,这是最新的稳定版本。
我会很感激任何指示。
javascript - 媒体源 api 源缓冲区附加不起作用
我正在尝试使用媒体源 api 流式传输“webm”视频,我正在关注演示代码“ http://html5-demos.appspot.com/static/media-source.html ”。我没有收到任何错误,但没有玩。
这是我的代码
我是调试代码,sourcebuffer总是返回长度0;
如何解决?
google-cast - 我可以将媒体片段发送到 Google Cast 媒体源吗?
我假设 Google Cast 使用媒体源 API。有没有办法将媒体段发送到设备?我有一个需要预处理的视频流。
html5-video - 为 MediaSource 设置框元数据以使其正常工作
使用 mp4box 将 h264 添加到零碎的破折号容器 (mp4)
附加 m4s(破折号)媒体段。不知道如何在框元数据中保留顺序,并且不确定在使用 mp4box 时是否可以对其进行编辑。基本上,如果我看一下这个演示的片段:
m4s 文件中隐藏着一堆指定顺序的东西。就像具有序列号的 mfhd 原子一样。或者保留最早呈现时间的 sidx(与 tfdt 中的基本媒体解码时间相同)。另外,我的 sampleDuration 时间在 trun 中的示例条目中归零(跟踪片段运行)。
试图用 mp4parser 编辑我的 m4s 文件,但没有运气。想知道其他人是否采用了 h264 并建立了 MediaSource 流?
iphone - Chrome 移动设备中的 MediaSource 扩展程序
想知道是否有人知道 Chrome 手机是否/何时会实施 MediaSource Extension (MSE)?在我的 iphone 5 上获得了 30.0 版,但它未能通过演示测试 ( http://html5-demos.appspot.com/static/media-source.html )。
javascript - 使用 MediaSource API 处理不断增长的文件。
所以我有一个下载的 .mp4 文件。我想使用 MediaSource API 将下载文件流式传输到视频元素中。我该怎么做?
我将如何动态更改 NUM_CHUNKS 并切片视频?
javascript - 无法通过媒体源 API 附加片段,获取“InvalidStateError:尝试使用不可用或不再可用的对象
我使用以下示例程序来附加媒体文件,但在遇到代码“mediaSource.sourceBuffers[0] .appendBuffer(mediaSegment);"。我正在使用 Chrome 31.0.1650.57。谁能建议我解决这个问题?
https://github.com/jbochi/media-source-playground/blob/master/test.html
我已经对附加文件进行了以下修改。
并改变了
至
和
至
由于 append 方法在我的环境中不起作用。
我在 window.setTimeout() 事件中使用 sourceopen 而不是 webkitsourceopen 。
javascript - chrome 版本 27 中未安装 MediaSource API
我有 chrome 版本 27,根据这个链接MediaSource API 默认安装。然后在同一页面中,测试部分说
Your browser does not support the MediaSource API
请帮帮我。
javascript - 使用 MediaSource 扩展来播放视频播放列表
我正在尝试在 HTML5/JS 中实现可靠、无缝的视频播放列表。为此,我想在内存中缓冲一个动态播放列表,然后将缓冲区发送到 HTML5 视频元素。
我可以选择视频的编码方式,而且这只适用于 Chrome 浏览器,所以我正在考虑使用 webm 视频和 MediaSource 扩展。视频文件将存储在 Amazon S3 上并与 CloudFront 一起交付。
我看过下面的 MediaSource API 示例。主要区别在于,我不是读取文件的块,而是读取大量文件。 http://bluishcoder.co.nz/2013/08/20/progress-towards-media-source-extensions-in-firefox.html
这如何适应多个文件而不是文件块?