java数据同步视频_使用WebRTC将数据与视频同步

r囧r小猫 2022-11-10 01:17 176阅读 0赞

好的，首先让我们使用getUserMedia获取视频和音频，然后使用它来制作原始数据

https://github.com/streamproc/MediaStreamRecorder

：

/\*

\*

\* Video Streamer

\*

\*/

// FIREFOX

var mediaConstraints = \{

audio: !!navigator.mozGetUserMedia, // don't forget audio!

video: true // don't forget video!

\};

navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError);

function onMediaSuccess(stream) \{

var mediaRecorder = new MediaStreamRecorder(stream);

mediaRecorder.mimeType = 'video/webm';

mediaRecorder.ondataavailable = function (blob) \{

// POST/PUT "Blob" using FormData/XHR2

\};

mediaRecorder.start(3000);

\}

function onMediaError(e) \{

console.error('media error', e);

\}

// CHROME

var mediaConstraints = \{

audio: true,

video: true

\};

navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError);

function onMediaSuccess(stream) \{

var multiStreamRecorder = new MultiStreamRecorder(stream);

multiStreamRecorder.video = yourVideoElement; // to get maximum accuracy

multiStreamRecorder.audioChannels = 1;

multiStreamRecorder.ondataavailable = function (blobs) \{

// blobs.audio

// blobs.video

\};

multiStreamRecorder.start(3000);

\}

function onMediaError(e) \{

console.error('media error', e);

\}

现在，您可以通过DataChannels发送数据并在接收方添加您的元数据：

/\*

\*

\* Video Receiver

\*

\*/

var ms = new MediaSource();

var video = document.querySelector('video');

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

ms.addEventListener('sourceopen', function(e) \{

var sourceBuffer = ms.addSourceBuffer('video/webm; codecs="vorbis,vp8"');

sourceBuffer.appendBuffer(/\* Video chunks here \*/);

\}, false);

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 WebRTC音视频同步

1. 介绍音视频同步，通常也被称作音画同步、唇音同步，它是一项让音频和视频的同时播放以提升交互和观看体验的技术。一般在实时音视频中，视频的处理一般都滞后于音频（比如美

红太狼/ 2024年02月22日 07:34/ 0 赞/ 63 阅读

相关 WebRTC 之音视频同步

在网络视频会议中，我们常会遇到音视频不同步的问题，我们有一个专有名词 lip-sync 唇同步来描述这类问题，当我们看到人的嘴唇动作与听到的声音对不上的时候，不同步的问题就

偏执的太偏执、/ 2024年02月21日 07:04/ 0 赞/ 49 阅读

相关 6.webrtc音视频数据采集

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuZHk3

朱雀/ 2023年06月07日 12:03/ 0 赞/ 294 阅读

相关 WebRTC音视频数据采集六、第八节 WebRTC只采集音频数据

今天我们介绍一下如果通过WebRTC只采取音频数据，这个功能之前已经给大家做了一些介绍，但是上次的介绍是在videoplay，也就是video标签里面做的实验。这次我们

绝地灬酷狼/ 2023年02月23日 03:45/ 0 赞/ 7 阅读

相关 WebRTC音视频数据采集六、第四节视频参数调-视频约束

我们今天介绍一下WebRTC 音视频采约束,通过这些约束我们可以精确的控制音频和视频的采集数据，首先我们看看视频相关的约束。 width height 这个两个

迷南。/ 2023年02月22日 05:21/ 0 赞/ 6 阅读

相关 java数据同步视频_使用WebRTC将数据与视频同步

好的，首先让我们使用getUserMedia获取视频和音频，然后使用它来制作原始数据 https://github.com/streamproc/MediaStreamRec

r囧r小猫/ 2022年11月10日 01:17/ 0 赞/ 177 阅读

相关 MediaClock及音视频同步

Nuplayer中音视频同步主要依靠MediaClock中记录的锚点时间，所以先看下MediaClock类 1,1 MediaClock::MediaClock()

梦里梦外;/ 2022年10月02日 03:50/ 0 赞/ 209 阅读

相关音视频同步-时间戳

音视频同步-时间戳媒体内容在播放时，最令人头痛的就是音视频不同步。从技术上来说，解决音视频同步问题的最佳方案就是时间戳：首先选择一个参考时钟（要求参考时钟上的

末蓝、/ 2022年08月03日 00:53/ 0 赞/ 209 阅读

相关音视频同步记录

学习资源链接：[链接1][1] [链接2][2] [链接3][3] [ffmpeg中的时间][ffmpeg] 目录 \[[hid

旧城等待，/ 2022年07月16日 23:09/ 0 赞/ 243 阅读

相关 WebRTC音视频同步机制实现分析

2016-11-25 doraWebRTC编风网WebRTC编风网 > 来源：编风网 > > > 作者：weizhenwei，编风网专栏作家音视频同步事关多媒

清疚/ 2022年07月14日 03:23/ 0 赞/ 347 阅读