MediaSource在appendBuffer之后关闭
MediaSource是HTML5中的一个API，用于在浏览器中动态生成媒体流。它允许开发者通过JavaScript生成音频和视频数据，并将其附加到HTML5的媒体元素上进行播放。
在使用MediaSource API时，可以通过调用MediaSource对象的appendBuffer()方法将音频或视频数据附加到媒体源中。这个方法接受一个ArrayBuffer对象作为参数，该对象包含要附加的媒体数据。
当调用appendBuffer()方法后，开发者可以选择在数据附加完成后关闭MediaSource对象。关闭MediaSource对象可以通过调用其endOfStream()方法来实现。这将告诉浏览器已经没有更多的媒体数据要附加，并且可以开始播放。
关闭MediaSource对象后，将无法再向其附加新的媒体数据。如果需要继续附加数据，需要创建一个新的MediaSource对象并重新开始附加过程。
MediaSource API的优势在于它允许开发者通过JavaScript生成动态的音频和视频数据，而无需依赖于静态的媒体文件。这对于实时流媒体、直播等场景非常有用。
在腾讯云的产品中，与MediaSource相关的产品是腾讯云点播（VOD）服务。腾讯云点播是一项基于云计算的视频点播服务，提供了丰富的视频处理、存储、分发等功能，可以满足开发者对于媒体内容的管理和播放需求。
腾讯云点播产品介绍链接地址：https://cloud.tencent.com/product/vod
相关·内容
我有两个视频正在尝试使用MediaSource播放，但只有一个可以播放。两者的编解码器都设置为avc1.4d401f和mp4a.40.2，但虽然其中一个播放得很好，但另一个会在我调用MediaSource上的appendBuffer时立即关闭SourceBuffer。var mainSource;
mainSource = new Me
浏览 54提问于2017-08-25得票数 3
(mediaSource);
video.play();
buffer.appendBuffer(queue.shift()); });
mediaSource.addEventListenerif (buffer.updating || queue.length >
浏览 64提问于2014-06-08得票数 33
回答已采纳
我正在使用本教程，但是，在我创建了MediaSource和SourceBuffer之后，我不能调用SourceBuffer.appendBuffer方法。这是我得到的错误： Uncaught TypeError: Failed to execute 'appendBuffer' on 'SourceBuffer': No function was found= new MediaSource();
const url = URL.createObj
浏览 308提问于2019-06-14得票数 1
我还读过关于MediaSource的文章，它可以做同样的事情，让玩家来处理时间，而不是手工操作。有人能提供一个处理mp3数据的例子吗？
此外，用网络音频API处理直播流的正确方法是什么？
浏览 3提问于2017-12-01得票数 7
回答已采纳
我使用下面的示例程序来追加媒体文件，但在第一次命中代码"mediaSource.sourceBuffers.appendBuffer(mediaSegment);".时得到“未捕获的InvalidStateError[0].append(mediaSegment);mediaSource.sourceBuffers[0].appendBuffer(mediaSegment);sourceBuffer.append(initSegment);sourceBuffer.append
浏览 2提问于2013-11-18得票数 6
我想知道是否有人已经尝试过自己制作简单的DASH播放器(也许还有一些示例/源代码)，但是没有在GITHUB上使用dash.js存储库，如果可能的话，对于如何开始创建/编写过程有什么见解和建议吗？
浏览 0提问于2016-04-12得票数 0
1回答
上下文var mediaSource = new MediaSource;video.src= URL.createObjectURL(mediaSource);这在窗口的边缘很好，但是没有在iPhone (由iPhone SE的边缘浏览器测试)上工作。' in window &&
浏览 10提问于2022-04-28得票数 1
回答已采纳
我一直收到“未捕获更新:无法在‘MediaSource’上执行'endOfStream‘：’InvalidStateError‘属性在此媒体源的一个或多个SourceBuffers上为真。”window.URL = window.URL || window.webkitURL; //handl
浏览 5提问于2015-03-03得票数 0
1回答
我有一个Blobs数组(二进制数据，真的--我可以表达它，但是它是最有效的。我现在使用的是Blobs，但是也许Uint8Array或者什么更好)。每个Blob包含1秒的音频/视频数据。每秒钟都会生成一个新的Blob并将其附加到我的数组中。所以代码大致是这样的：setInterval(function() {}, 1000);var src = URL.creat
浏览 2提问于2018-05-14得票数 22
回答已采纳
但是，如果切换顺序或以任何方式中断流，例如通过刷新任一客户端，则流将失败，并且媒体源将其就绪状态更改为关闭。我的假设是，在开始时接收的视频需要初始化头来启动，并且由于流是在中流中读取的，所以它永远不会获得所述初始化头。我甚至不确定如何将这样的头添加到webm文件中。我尝试过重新启动录像机，但我的最终计划是拥有多个观察客户端，并且在每次重新连接时重新启动录像机并不是最优的。queue.length > 0) { } else {
浏览 3提问于2019-05-09得票数 2
1回答
= window.MediaSource || window.WebKitMediaSource; console.log('MediaSource API is not available!')(self.mediaSource);
self.mediaSource.addEventListener('sourceopen', function(e
浏览 0提问于2018-05-10得票数 1
回答已采纳
在阅读了这一页之后，我编写了自己的代码：navigator.getUserMedia(mediaConstraintreplay.src = window.URL.createObjectURL(e.data); }我希望在3在此之后，#记录器camera元素仍然显示相机内容，但不显示其他任何用于重放元素的内容。<
浏览 3提问于2015-01-05得票数 4
回答已采纳
然后，服务器将片段广播回所有其他客户端，在那里使用MediaSource和SourceBuffer重建这些片段，并将其传递到视频中。当客户端在流开始时已经连接到服务器时，这是有效的，但是如果客户端在流的中间加入(意味着它们只从视频中间接收片段)，则appendBuffer()失败并且MediaSource关闭。(data) => { switch (data.cam) {
浏览 90提问于2020-05-25得票数 0
在该函数中，设置了音频源。但在此之后，当2秒的下一个数据到来时，不会播放任何音频。有音频数据作为blob，但在第一次播放后没有音频播放。如何处理此问题以间隔播放录制的语音？
有什么建议请提出来..
浏览 2提问于2014-11-23得票数 2
1回答
我看到EDGE声称在最新版本中支持VP9编解码器，方法是在浏览器配置中启用MSE中的VP9。<video>
<source src="http:/url/123.webm"
浏览 0提问于2017-05-11得票数 2
2回答
这是我的问题:我想播放一个存储在S3存储桶中的大型视频文件(3.6 my )，但文件似乎太大了，加载30秒后页面崩溃。这是我播放视频的代码：const mediaSource = new MediaSource();mediaSource.addEventListener('sourceope
浏览 2提问于2019-07-16得票数 3
1回答
情况相当直截了当，我正通过WebSockets接收一系列NAL单位.如何使用MSE将它们输入到HTML5视频标记中？
浏览 4提问于2016-10-05得票数 3
回答已采纳
我在mediastream和mediasource apis方面的经验有限，您认为从getusermedia获取数据并将其添加到mediasource的最佳方法是什么？现在，我正在使用MediaRecorder记录数据，然后将其附加到一个新的mediasource对象上。但它只返回一个空白视频。这是我目前正在做的事情。audio: false }, function (stream) { var wrapper = new M
浏览 2提问于2016-03-20得票数 4
我读了MediaSource API的规范： (工作草案)和 (编辑草案)在chrome谁能让我知道他是否有更多关于chrome中的append()方法的信息，以及是否有任何浏览器实现了appendBuffer()或appendArrayBuffer()？
谢谢
浏览 0提问于2013-03-18得票数 0
回答已采纳
我可以轻松地创建媒体记录器，并以ArrayBuffer的形式获取用户视频数据并将其发送出去，但问题是，由于这个错误，我无法添加SourceBuffer
这是我在websocket.onmessagewindow && MediaSource.isTypeSupported(mimeCodec)) { mediaSource.addEventListener('sourceopen&#x
浏览 6提问于2022-03-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
