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]);
相关推荐
毕设十刻14 小时前
基于Vue的考勤管理系统8n7j8(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
coding随想14 小时前
掌控选区的终极武器:getSelection API的深度解析与实战应用
java·前端·javascript
嵌入式小能手14 小时前
飞凌嵌入式ElfBoard-文件I/O的深入学习之存储映射I/O
java·前端·学习
沐风。5614 小时前
Object方法
开发语言·前端·javascript
程序猿小蒜15 小时前
基于springboot的医院资源管理系统开发与设计
java·前端·spring boot·后端·spring
JS_GGbond15 小时前
JavaScript入门学习路线图
开发语言·javascript·学习
BD_Marathon15 小时前
【JavaWeb】JS_JSON在客户端的使用
开发语言·javascript·json
仙人掌一号15 小时前
梳理SPA项目Router原理和运行机制 [共2500字-阅读时长10min]
前端·javascript·react.js
粥里有勺糖15 小时前
视野修炼-技术周刊第128期 | Bun 被收购
前端·javascript·github
用户120391129472616 小时前
彻底搞定大模型流式输出:从二进制碎块到“嘚嘚嘚”打字机效果,让底层逻辑飞起来
前端·javascript·面试