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]);
相关推荐
Achieve前端实验室1 分钟前
JavaScript 原型/原型链
前端·javascript
一碗下酒菜3 分钟前
React 闭包陷阱详解
前端
littleplayer4 分钟前
ArkTs单元测试 UnitTest 指南
前端
LXA08095 分钟前
vue3开发使用框架推荐
前端·javascript·vue.js
拿不拿铁1925 分钟前
Vite & Webpack & Rollup 入口与产出配置与示例
前端
用户904438163246027 分钟前
React 5 个 “隐形坑”:上线前没注意,debug 到凌晨 3 点
前端·javascript·react.js
StarkCoder28 分钟前
打造炫酷浮动式 TabBar:让 iOS 应用导航更有格调!
前端·ios
AAA阿giao31 分钟前
Promise:让 JavaScript 异步任务“同步化”的利器
前端·javascript·promise
光影少年1 小时前
vite7更新了哪些内容
前端
六月的可乐1 小时前
前端自定义右键菜单与图片复制(兼容H5)
前端