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]);
相关推荐
折翼的恶魔13 分钟前
前端学习之样式设计
前端·css·学习
IT_陈寒31 分钟前
JavaScript性能优化:3个被低估的V8引擎技巧让你的代码提速50%
前端·人工智能·后端
云飞云共享云桌面36 分钟前
SolidWorks服务器多人使用方案
大数据·运维·服务器·前端·网络·电脑·制造
Red Car38 分钟前
javascript 性能优化实例一则
开发语言·javascript·ecmascript
艾小码44 分钟前
从Hello World到变量数据类型:JavaScript新手避坑指南
前端·javascript
街尾杂货店&2 小时前
css word-spacing属性
前端·css
千叶寻-2 小时前
正则表达式
前端·javascript·后端·架构·正则表达式·node.js
光影少年7 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天9 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_9 小时前
HTML5(前端基础)
前端·html·html5