草庐IT

mediaSource

全部标签

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 使用 Media Source API 平滑表示更改

我目前正在使用JavaScript和MediaSourceAPI开发DASH播放器流媒体工作正常,但我坚持改变表示。在播放期间更改表示的最暴力的方法可能是替换HTML文档中的元素。不过,我想知道是否有一种简单的方法可以使用MediaSourceAPI实现适配(更改表示形式)。我读过单个MediaSource对象可以处理多个源缓冲区,但在添加第二个视频缓冲区后会引发异常。我使用的是Chrome43.0.2357.65mvarmediaSource=MediaSource();varurl=URL.createObjectURL(mediaSource);videoElement.src=

javascript - 无法让 MediaSource 在 chrome 中使用 mp4 格式

基于示例here我下载了webm文件并将其编码为可以在本地播放的mp4文件,但我无法将其用作媒体源。MP4Box报告编解码器为avc1.64000d,mp4a.40.2但将其添加到源缓冲区没有帮助。这是一个demo问题的原因(我不希望它在firefox中工作,因为尚不支持媒体源扩展)这是我正在测试的代码:varFILE,CODEC,mediaSource;varNUM_CHUNKS=5;varvideo=document.querySelector('video');window.MediaSource=window.MediaSource||window.WebKitMediaSou

javascript - MediaSource 不支持 ogg 音频?

MediaSource.isTypeSupported('audio/ogg;codecs="vorbis"')返回false-这是否意味着我无法将ogg作为POST的响应进行流式传输? 最佳答案 就是这个意思。针对此情况返回false的客户端无法播放此媒体类型(较旧的浏览器、不受支持的操作系统或阻止此操作的客户端设置)。对于流媒体OGG文件格式,您绝对可以在大多数现代浏览器上使用Audio.play();,但不幸的是theMediaSourceelement不支持使用POST请求进行流式传输-您必须使用经典的流式传输方法,或者将整

javascript - 如何使用 Blob URL、MediaSource 或其他方法播放串联的媒体片段 Blob?

由于缺乏不同的描述,我正在尝试实现离线媒体环境。这个概念是创建1秒的Blob记录媒体,能够在HTMLMediaElement上独立播放1秒的Blob播放来自串联的Blob的完整媒体资源问题是,一旦Blob连接起来,媒体资源就不会在HTMLMedia元素上使用BlobURL或MediaSource.创建的BlobURL仅播放连接的Blob的1秒。MediaSource抛出两个异常DOMException:Failedtoexecute'addSourceBuffer'on'MediaSource':TheMediaSource'sreadyStateisnot'open'和DOMExce

Android:ExoPlayer:从 DefaultHttpDataSource 创建 MediaSource

我使用ExoPlayer在我的应用程序中播放来自url的视频,并且需要为每个视频设置授权header。DefaultHttpDataSource可以用于此。例如,DefaultHttpDataSourcesource=newDefaultHttpDataSource(Util.getUserAgent(mContext,"appAgent"),null);source.setRequestProperty("Authorization",authToken);需要MediaSource来准备播放器。问题是如何基于DefaultHttpDataSource创建一个MediaSource?

html - 获取 MediaSource.isTypeSupported 的 MIME 类型

如何获取Mime类型IneedtopasstoMediaSource.isTypeSupported使用ffprobe/ffmpeg?例如,在我的电脑上,返回true:MediaSource.isTypeSupported('video/mp4;codecs="avc1.64000d,mp4a.40.2"')虽然没有MediaSource.isTypeSupported('video/mp4')我不确定如何获得与给定视频的avc1.64000d,mp4a.40.2部分对应的内容。Here是这部分内容的更大列表。ffprobe-show_streams-ivideo.mp4返回一些有趣的

html - 获取 MediaSource.isTypeSupported 的 MIME 类型

如何获取Mime类型IneedtopasstoMediaSource.isTypeSupported使用ffprobe/ffmpeg?例如,在我的电脑上,返回true:MediaSource.isTypeSupported('video/mp4;codecs="avc1.64000d,mp4a.40.2"')虽然没有MediaSource.isTypeSupported('video/mp4')我不确定如何获得与给定视频的avc1.64000d,mp4a.40.2部分对应的内容。Here是这部分内容的更大列表。ffprobe-show_streams-ivideo.mp4返回一些有趣的

javascript - 如何使用媒体源 api 将两个视频文件数据附加到源缓冲区?

我有两个视频名称v11.webm和v12.webm。我想要的是这两个视频应该无缝运行,没有任何间隙。我遵循将数据附加到源缓冲区的媒体源API方法。我指的是关于此link的演示我修改了那个例子,删除了视频分block的部分,还尝试将数据附加到源缓冲区文件中。我的代码如下:varvideo=document.querySelector('video');window.MediaSource=window.MediaSource||window.WebKitMediaSource;if(!!!window.MediaSource){alert('MediaSourceAPIisnotavai

javascript - 如何使用媒体源 api 将两个视频文件数据附加到源缓冲区?

我有两个视频名称v11.webm和v12.webm。我想要的是这两个视频应该无缝运行,没有任何间隙。我遵循将数据附加到源缓冲区的媒体源API方法。我指的是关于此link的演示我修改了那个例子,删除了视频分block的部分,还尝试将数据附加到源缓冲区文件中。我的代码如下:varvideo=document.querySelector('video');window.MediaSource=window.MediaSource||window.WebKitMediaSource;if(!!!window.MediaSource){alert('MediaSourceAPIisnotavai