media-source相关内容

对于 html 视频元素,是否可以将流作为源添加到 html canvas 元素?

根据 MDN: HTMLMediaElementinterface 添加到 HTMLElement 属性和支持基本媒体相关功能所需的方法音频和视频通用. HTMLMediaElement.captureStream().它可以与 和 元素一起使用以捕获其流. 相反,您可以将 视频流 作为 srcObject 添加到 元素,然后显示它. 元素也可以吗? 是否可以将流添加作为源 ..
发布时间:2021-08-30 20:20:17 其他开发

以HTML加载大型视频文件

这是我的问题:我想播放存储在S3存储桶中的大视频文件(3.6Gb),但似乎文件太大,加载30秒后页面崩溃. 这是我播放视频的代码: var video = document.getElementById("video");const mediaSource = new MediaSource();video.src = URL.createObjectURL(mediaSource);m ..
发布时间:2021-05-14 20:46:33 其他开发

MediaSourceExtension fMP4流媒体播放失败

遵循此链接,我只是将webm格式更改为fMP4,如下所示.但这是行不通的.原始的test.webm文件可以正常工作. 对于webm,配置如下: //source: http://html5-demos.appspot.com/static/test.webm var FILE = "test.webm" var codec = 'video/webm; codecs="vorbis,v ..
发布时间:2020-11-24 06:35:28 其他开发

Firefox MediaSourceExtension上的mp3支持

我正在研究在没有插件的情况下在浏览器中实现自适应和渐进音频流的方法. MSE是我一直在等待的HTML5 API,可在FF 42中使用,但是似乎不存在Firefox中的音频格式支持吗?... 使用MSE API时,mp3音频无法正常工作. 这是一个代码段: var mediaSource = new window.MediaSource(); var audioSourceBuffer; ..
发布时间:2020-11-24 01:55:15 其他开发

查找期间loadmetadata事件后,currentTime设置为不同的值

我目前正处于冒险之中,我的精神ity可危,我试图在Web应用程序中简单地播放mp3文件.此mp3会逐块加载,以使体验更加灵敏. 即使MediaSource API的文档非常引人注目,几乎是暴力的,有用的,并且有数百个经过充分解释的示例为救赎铺平了道路,但我发现自己无法使一切正常工作. 我面临的最后一个问题是寻求功能.我使用此功能的简单想法是简单地杀死所有活着的东西,将所有东西烧毁并重新 ..
发布时间:2020-11-08 04:31:48 其他开发

音频/mp4;编解码器="mp4a.40.2";无法在Chrome和Firefox中播放

似乎我想将要在我的网站上流式传输的音频转换为audio/mp4; codecs="mp4a.40.2". 使用 ffmpeg-cli-wrapper ,我正在使用此命令转换上传的音频文件在这里: ffmpeg -i /tmp/input.any -acodec aac -b:a 256000 /tmp/output.aac 在客户端上,我正在像这样创建SourceBuffer: ..
发布时间:2020-11-04 01:57:23 其他开发

如果Blob URL是不可变的,那么Media Source Extension API如何使用它们来流式传输视频?

让我们从一个示例开始: 您访问youtube.com,该网站在某些设备上使用带有HTML5的媒体源扩展(MSE). MSE注入了带有Blob URL的代码.看起来像这样:blob: https://www.youtube.com/blahblahblah " 在流式传输整个视频过程中,您的浏览器会进行多个网络调用,以下载各个视频块,并将它们附加到MSE的SourceBuf ..
发布时间:2020-06-30 20:01:21 其他开发

从视频中删除TextTrack

是否有删除单个 TextTrack 是否通过JavaScript添加到HTML5 标签?以下代码是如何添加曲目的简单演示,但我还没有找到删除曲目的好方法: document.querySelector('video#myVideo').addTextTrack(...); 解决方案 在当前规范中,没有机制来删除添加的文本轨道(可能是缺陷(?),但是还有一个onremove ..
发布时间:2020-06-30 20:00:18 其他开发

WebM流的媒体源扩展appendBuffer以随机顺序

我正在尝试从多个来源并行实现视频下载.但是,如果不遵循视频文件的顺序,MSE appendBuffer方法总是失败. 我想按随机顺序附加各个部分,并“尽快"播放视频. 我正在探索SourceBuffer模式属性以及timestampOffset.这些都没有帮助. 我想知道我拥有的源webm文件是否可以以“不支持的格式"来执行此任务(顺序方法可以正常工作). 源视频文件 谢谢 ..
发布时间:2020-06-30 19:59:14 其他开发

当用户搜寻其他时间时,计算HTML5视频流中的.m4s段文件后缀

我使用Mp4Box为长MP4视频创建了固定长度的片段. Mp4Box创建一个元信息文件mv_init.mp4和诸如mv_1.m4s,mv_2.m4s之类的片段,…我使用HTML5 Media Source Extensions传输视频,并且传输正常. 问题是我无法利用我的HTML5播放器的时间搜索功能.当用户使用搜索栏搜索到另一个时间点时,我需要为该currentTime获取正确的段文件(m ..
发布时间:2020-06-30 19:58:10 其他开发

使用带有socket.io的媒体源无法从媒体记录器跳入流

以下代码在先加载视频观察客户端然后再加载网络摄像头客户端时可以正常工作,但是,如果切换顺序或以任何方式中断流(例如,通过刷新任一客户端来刷新流),则以下代码将正常工作失败,媒体源将其就绪状态更改为关闭. 我的假设是,在开始时接收的视频需要用于启动的初始化标头,并且由于在中途读取流,因此永远不会获得所述初始化标头.我不确定如何将这样的标头添加到webm文件中. 我试图更改没有执行任何操作 ..
发布时间:2020-06-30 19:58:06 其他开发

如何使用ffmpeg通过websocket流mp4

我已经在nodejs中编写了一个示例,该示例将一些输入通过mp4格式的Websocket连接流传输到客户端.在客户端,mp4软件包已添加到MediaSourceBuffer. 这可以正常运行,但前提是客户端从第一个程序包的开头开始获取流.因此,另一个客户端无法播放当前的流,因为他不会从一开始就获得该流. 我尝试(try& error)保存ffmpeg发送的第一个程序包,并在新连接的开头 ..
发布时间:2020-06-29 20:05:14 其他开发

片段mp4(fMP4)到底是什么?与一般的mp4有何不同?

Media Source Extension( MSE )需要分段的mp4才能在浏览器中播放. 解决方案 碎片化的MP4包含一系列分段,如果您的服务器支持字节范围请求,则可以单独请求这些分段. Box aka Atoms 所有MP4文件都使用面向对象的格式,该格式包含“又名原子"框. > 您可以使用在线工具(例如 MP4解析器)查看MP4中框的表示形式,或者重新使用Wind ..
发布时间:2020-05-08 01:08:54 其他开发

显示带有媒体流扩展(MSE)的getUserMediaStream实时视频

我正在尝试显示使用getUserMedia从网络摄像头获取的MediaStream,并使用可能的播放机制将其中继到远程对等设备(作为实验).我不是直接使用webRTC,因为我想控制原始数据. 我遇到的问题是我的视频元素什么也不显示,也没有收到任何错误.我在基本操作系统(基于Ubuntu 14.04的Linux操作系统)上使用Chrome版本51.0.2704.103(64位). 作为一 ..
发布时间:2020-05-02 10:42:38 其他开发

如何使用Blob URL,MediaSource或其他方法播放连续的Blob媒体片段?

由于缺乏不同的描述,我试图实现离线媒体上下文。 概念是创建1秒 Blob s录制媒体,能够 播放1秒 Blob 独立于 HTMLMediaElement 从连接的 Blob s 问题是,一旦 Blob 是使用 Blob URL 或 MediaSource HTMLMedia 元素中播放/ code>。 创建的 Blob URL 仅播放串联的斑点的。 MediaSource ..
发布时间:2019-01-23 22:21:37 JavaScript