video替换webRtc视频流

经过测试,本地mp4可播放的视频可替换成功;在线的视频会报错跨域;https安全要求;

核心api
typescript 复制代码
video.captureStream()
html
html 复制代码
<video id="yyhTestVideo" src="./tmp.mp4" width="1280" height="720" autoplay loop></video>
video
typescript 复制代码
const myVideo = document.getElementById('yyhTestVideo');
// 30帧也可以不指定
const myVideoStream = myVideo.captureStream(30);
/* 
    webRTc的peerConnection对象; 
    this.session.connection是我封装后的,你使用自己的new RTCPeerConnection();对象;
*/
const peerConnection = this.session.connection;
const sender = peerConnection.getSenders().find((s) => s.track.kind === "video");
sender.replaceTrack(myVideoStream.getVideoTracks()[0]);
相关推荐
鸣弦artha3 小时前
Flutter框架跨平台鸿蒙开发——Build流程深度解析
开发语言·javascript·flutter
光影少年5 小时前
前端如何调用gpu渲染,提升gpu渲染
前端·aigc·web·ai编程
Surplusx5 小时前
运用VS Code前端开发工具完成网页头部导航栏
前端·html
小宇的天下6 小时前
Calibre 3Dstack --每日一个命令day13【enclosure】(3-13)
服务器·前端·数据库
LongJ_Sir6 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java6 小时前
JavaScript 中定义全局变量的教程
javascript
一只小bit7 小时前
Qt 文件:QFile 文件读写与管理教程
前端·c++·qt·gui
午安~婉7 小时前
整理知识点
前端·javascript·vue
向前V7 小时前
Flutter for OpenHarmony数独游戏App实战:底部导航栏
javascript·flutter·游戏
人道领域7 小时前
JavaWeb从入门到进阶(javaScript)
开发语言·javascript·ecmascript