问题标签 [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.

0 投票
2 回答
4250 浏览

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 文件源的视频标签。当我运行代码时,它工作正常。

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

0 投票
2 回答
35224 浏览

javascript - 尝试将 MediaSource 对象附加为 HTML5 视频标签的源时出现“不允许加载本地资源”错误

我试图让这个例子工作。当我单击链接时,它工作正常。但是当我尝试在本地机器上下载 HTML 文件并尝试相同时,它会抛出此错误。

不允许加载本地资源:blob:null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4

似乎导致问题的代码行是这样的,

video.src = window.URL.createObjectURL(mediaSource);

这行代码所做的基本上是尝试将视频标签媒体元素的来源设置为 MediaSource 对象。我尝试了各种排列,但运气不佳。

我正在使用 Chrome 版本 28.0.1500.72 m,这是最新的稳定版本。

我会很感激任何指示。

0 投票
1 回答
1365 浏览

javascript - 媒体源 api 源缓冲区附加不起作用

我正在尝试使用媒体源 api 流式传输“webm”视频,我正在关注演示代码“ http://html5-demos.appspot.com/static/media-source.html ”。我没有收到任何错误,但没有玩。

这是我的代码

我是调试代码,sourcebuffer总是返回长度0;

如何解决?

0 投票
0 回答
118 浏览

google-cast - 我可以将媒体片段发送到 Google Cast 媒体源吗?

我假设 Google Cast 使用媒体源 API。有没有办法将媒体段发送到设备?我有一个需要预处理的视频流。

0 投票
0 回答
373 浏览

html5-video - 为 MediaSource 设置框元数据以使其正常工作

使用 mp4box 将 h264 添加到零碎的破折号容器 (mp4)

附加 m4s(破折号)媒体段。不知道如何在框元数据中保留顺序,并且不确定在使用 mp4box 时是否可以对其进行编辑。基本上,如果我看一下这个演示的片段:

m4s 文件中隐藏着一堆指定顺序的东西。就像具有序列号的 mfhd 原子一样。或者保留最早呈现时间的 sidx(与 tfdt 中的基本媒体解码时间相同)。另外,我的 sampleDuration 时间在 trun 中的示例条目中归零(跟踪片段运行)。

试图用 mp4parser 编辑我的 m4s 文件,但没有运气。想知道其他人是否采用了 h264 并建立了 MediaSource 流?

0 投票
1 回答
1232 浏览

iphone - Chrome 移动设备中的 MediaSource 扩展程序

想知道是否有人知道 Chrome 手机是否/何时会实施 MediaSource Extension (MSE)?在我的 iphone 5 上获得了 30.0 版,但它未能通过演示测试 ( http://html5-demos.appspot.com/static/media-source.html )。

0 投票
2 回答
2706 浏览

javascript - 使用 MediaSource API 处理不断增长的文件。

所以我有一个下载的 .mp4 文件。我想使用 MediaSource API 将下载文件流式传输到视频元素中。我该怎么做?

我将如何动态更改 NUM_CHUNKS 并切片视频?

0 投票
2 回答
6917 浏览

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 。

0 投票
1 回答
731 浏览

javascript - chrome 版本 27 中未安装 MediaSource API

我有 chrome 版本 27,根据这个链接MediaSource API 默认安装。然后在同一页面中,测试部分说 Your browser does not support the MediaSource API

请帮帮我。

0 投票
1 回答
2723 浏览

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

这如何适应多个文件而不是文件块?