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

r囧r小猫 2022-11-10 01:17 181阅读 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 条评论，181人围观）

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

相关阅读

相关 WebRTC音视频同步

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

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

相关 WebRTC 之音视频同步

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FuZHk3

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

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

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

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

相关 WebRTC音视频数据采集六、第六节视频渲染特效

今天我们介绍一下如何对获取到的视频做一些特效这部分知识实际上是属于渲染部分的范畴我们要在浏览器中做特效，我们要知道几个基本的概念 CSS filter,-webk

偏执的太偏执、/ 2023年02月23日 03:41/ 0 赞/ 11 阅读

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

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

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

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

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

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

相关音视频同步-时间戳

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

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

相关音视频同步记录

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

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

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

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

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