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]);
相关推荐
蓝银草同学3 分钟前
MySQL SQL语法详解:带注释的实用示例
前端·数据库
C_心欲无痕4 分钟前
react - useDeferredValue自动延迟更新
javascript·react.js·ecmascript
全栈技术负责人12 分钟前
Cursor技术文档:前端开发的“断舍离”高效协作指南
前端·ai·ai编程
程序员码歌27 分钟前
短思考第270天,2025年赚麻的风口,2026年必冲赛道
前端·ai编程·创业
Hui Baby29 分钟前
saga json文件阅读
java·前端·数据库
一点一木30 分钟前
2025 年终技术复盘:从传统编程到 Vibe Coding 的工作流跃迁
前端·人工智能·程序员
一点一木31 分钟前
程序员一天的视线,都消耗在什么地方?
前端·程序员
G_GreenHand1 小时前
vue自定义日历
前端·javascript·vue.js
冴羽1 小时前
前端性能革命:200 行 JavaScript 代码实现 Streaming JSON
前端·javascript·react.js
inksci1 小时前
上传文件可以用飞帆的组件
前端·javascript