Javascript将多个缓冲区附加到sourceBuffer并将其作为单个视频播放

文章/答案/技术大牛

发布

3回答

javascript

我尝试连接多个缓冲区，但它不起作用，这是我正在使用的代码：let mediaSource = new MediaSource(); sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbissourceBuffer.upd

浏览 22提问于2018-01-27得票数 1

1回答

将PCM数据附加到MediaSource

javascript、audio、web-audio-api、media-source

因此，我有一个使用谷歌进行视频回放的web应用程序。它使用接口来流式传输音视频片段。我想对我的音频轨道的原始PCM数据做一些音频处理。我看到它获取.mp4格式的音频片段，然后以ArrayBuffer的形式将这些片段附加到SourceBuffer，然后将其附加到MediaSource并播放。有没有办法劫持这个流，将数据解码到PCM，进行一些处理，然后通过管道将处理后的PCM返回到Source

浏览 21提问于2016-07-29得票数 2

回答已采纳

2回答

如果Blob是不可变的，那么如何使用它们来流视频呢？

javascript、html、browser、media-source

它看起来像这样: blob:“ 这个引擎盖下是怎么工作的？如果我们还想让blob表示一些可变的内存<em

浏览 4提问于2019-02-10得票数 5

回答已采纳

1回答

HTML5视频:具有Blob的流视频

javascript、html、video、html5-video、blob

每个Blob包含1秒的音频/视频数据。每秒钟都会生成一个新的Blob并将其附加到我的数组中。/视频数据流到HTML5元素中。("video")[0];当然，这只会播放视频的前1秒。我还假设我可以以某种方式将当前数组中的所有小块串连在一起，以便播放超过1秒：var concatenatedB

浏览 2提问于2018-05-14得票数 22

回答已采纳

1回答

如何制作自己的简单MPEG破折号播放器？

mpeg-dash、media-source

我想知道是否有人已经尝试过自己制作简单的DASH播放器(也许还有一些示例/源代码)，但是没有在GITHUB上使用dash.js存储库，如果可能的话，对于如何开始创建/编写过程有什么见解和建议吗？

浏览 0提问于2016-04-12得票数 0

1回答

初始化段错过了预期的aac跟踪。“甚至音频初始段也被追加。

javascript、mpeg-dash、media-source

我目前的工作是使用破折号播放媒体，并遇到了一个问题时，玩双轨(视频和音频)媒体。<?xml version='1.0' encoding='UTF-8'?我用以下步骤初始化souceBuffer：创建一个sourceBuffer并将其添加到mediaSour

浏览 0提问于2019-08-21得票数 1

1回答

边缘浏览器中的VP9 WEBM视频支持

html、microsoft-edge、webm、mse、vp9

我试过这样做，但是它仍然不起作用，它会抛出一个错误，说明这种类型的视频文件是不支持的。我在边缘浏览器中启动了 URL，这表明浏览器中不支持VP9，同时youtube视频在WebM vp9编解码器中进行流(书呆子使用统计数据来检查这一点)。HTML文件中使用了这个 <source src="http:/url/123.webm" type="video/webm"/>Youtube的声称它可以

浏览 0提问于2017-05-11得票数 2

2回答

媒体源扩展不起作用

javascript、video-streaming、html5-video、webm、media-source

我试图使用MediaSource API将单独的WebM视频附加到单个源。但是，我不能让它像预期的那样工作。无论如何，它从来不播放最后的部分，即使控制台将报告所有的缓冲区

浏览 5提问于2014-06-12得票数 6

回答已采纳

1回答

理解blob url视频流

javascript、video-streaming、blob、bloburls

许多视频流网站，例如youtube，似乎有一个blob url作为他们的视频来源。搜索，我不知道这是怎么回事。例如..。由于视频是流的，新的数据必须不断添加，而且文件和Blob似乎没有这个选项，而MediaSource有，但是在developer.mozilla.org上被标记为一个实验性的特性.我的问题是，这个通过blob url传输视频的过程是如何工作的？

浏览 5提问于2020-06-01得票数 9

回答已采纳

1回答

无法使用具有socket.io的媒体源从媒体录制器跳转到流

javascript、socket.io、video-streaming、media-source、web-mediarecorder

当首先加载视频观察客户端，然后加载网络摄像头客户端时，以下代码工作正常。但是，如果切换顺序或以任何方式中断流，例如通过刷新任一客户端，则流将失败，并且媒体源将其就绪状态更改为关闭。我的假设是，在开始时接收的视频需要初始化头来启动，并且由于流是在中流中读取的，所以它永远不会获得所述初始化头。我甚至不确定如何将这样的头添加到webm文件中。我曾尝试更改源缓冲区上的序列模式，但没有执行任何操作。我尝试过重新启动录像机，但我的最终计划是拥有多个观察客户端，并且

浏览 3提问于2019-05-09得票数 2

1回答

什么是最好的方式来流现场摄像头到服务器和返回到网络？

node.js、video-streaming、webrtc、html5-video、http-live-streaming

从我的网络摄像头到服务器并返回到多个用户，通过网络设置实时流的最佳方法是什么？我不希望它成为点对点的webRTC。块发回给其他连接用户->将这些blob块附加到连接到mediaSource的sourceBuffer中，mediaSource被设置为源URL 而且它真的起作用了！我觉得你不应该这么快就把这么多的斑点传给sourceBuffer的。仅仅为了测试，我试着每3秒保存一次mediaRecordi

浏览 2提问于2020-07-12得票数 4

1回答

多角度摄像机视频播放器android

android、http-live-streaming、wowza、android-video-player、exoplayer

要求:可以播放多角度摄像机创建的视频的视频播放器.方法1: --在android应用程序中，单击next时，将下一个摄像机视图中的数据加载到同一个视频视图中。-在播放第一个摄像机视图url时，在后台加载缓冲区中的数据。问题：不断增加缓冲区的大小，以及网络带宽消耗，这是浪费，以防用户永远加载下一个摄像头url。

浏览 1提问于2017-11-09得票数 0

回答已采纳

2回答

在播放器中将两个视频文件连接成一个视频

video、jwplayer、cloudinary、flowplayer、transloadit

在我的web应用程序中，我有多个mp4视频文件，并希望在web浏览器播放器中以不同的顺序将这些视频文件作为单个视频播放。视频1 (10分钟)和视频2 (10分钟)。现在播放器应该显示20分钟的回放时间，视频应该作为一个单独的视频播放。如果

浏览 0提问于2018-06-05得票数 0

1回答

用于媒体源扩展的FFmpeg实时流

ffmpeg、html5-video、rtsp、media-source

我尝试使用FFmpeg实现从RTSP流到网页的视频流，并使用媒体源扩展。我知道这个任务可以用HLS或WebRTC来实现，但是HLS有很大的延迟，WebRTC很难实现。我想用FFMPEG捕获RTSP流，将它拆分到ISO BMMF(ISO/IEC 14496-12)的“实时模式”中，并通过TCP将其发送到我的web服务器，在其中，我通过websocket将这些块重新流到网页在网页中，我在流媒体模式下将chunck附加到缓冲sourc

浏览 13提问于2022-08-31得票数 0

2回答

即使附加了足够的内容，视频也不会播放。

javascript、video、html5-video、buffer、media-source

我使用浏览器作为客户端，使用接收内容，使用HTML5视频标记作为播放器，在它们使用访问视频时将它们附加到其中。问题是某个地方似乎有限制(最大接收缓冲区大小、最大mediasource资源缓冲区大小、视频元素上的最大缓冲内容等)，这样视频就不会正确播放到最后，即使有足够的数据，也会提前停止。所有的片段都是正确到达并及时被附加的。同时，视频从一开始就开始播放<

浏览 2提问于2015-06-20得票数 0

回答已采纳

1回答

无中断播放多部分视频(HTML5)

javascript、html、video、html5-video

我想将视频分割成多个部分，但在浏览器中将其作为单个视频播放。在我最初的尝试中，我使用ffmpeg分割视频，并使用onended事件播放下一部分。缺点是它会在下一部分开始之前中断。因此，我想知道是否有可能将视频分成一定大小的块，始终只加载当前块，并以某种方式避免中断。完美的解决方案是，如果我可以实现自己的流或blob类型，它可以异步加载块。有什么想法吗？

浏览 0提问于2013-04-27得票数 2

回答已采纳

2回答

播放列表的多个Meidaplayer对象

android、performance、media-player、android-mediaplayer

我正在开发一个安卓应用程序，用户可以在其中创建一个mp3文件的播放列表。我使用Mediaplayer来控制mp3文件的回放。拥有一个Mediaplayer实例，在播放完成后，reset()

浏览 7提问于2015-01-21得票数 0

回答已采纳

1回答

使用Youtube API V3在JSON中进行批处理

json、youtube、youtube-api

我可以使用V3接口将单个视频添加到播放列表中，但我无法同时添加多个视频。要使用API explorer添加单个视频，我的请求如下： Content-Type: application

浏览 3提问于2013-10-07得票数 1

1回答

多个视频作为背景: HTML5还是YouTube？

javascript、html、video、youtube

我有一个一个网页的网站，我想有多个视频。我希望视频是全宽度的浏览器。我总共有6个视频。我乱搞插件，允许我将HTML5视频设置为div背景，但是当我将多个HTML5视频添加到页面中时，视频质量很差，而且很不稳定。我希望能够自动播放视频，并保持音频功能。关于加载速度，播放质量，以及总体上最好的用户体验，有没有人有任何建议来实现这一点

浏览 4提问于2014-12-16得票数 2

回答已采纳

1回答

不同html5视频之间的平稳过渡

javascript、html、video

我有一个视频标签的列表，我需要一个一个地与预设的currentTime播放。当我加载页面时，视频的readyState被卡在1，视频产生了一个开始故障。我已经使用预加载属性，但视频需要时间来开始播放每一个开关。即使有些视频有currentTime集和readyState =4，播放视频也需要时间。我研究了xhr createObjectURL blob方法，但是下载所有视频需要太长时间。出于同样的原因，我没有尝试Me

浏览 2提问于2017-06-21得票数 1

点击加载更多