web技术支持| 从视频元素流式传输到视频元素

HTML

src 与 source的区别

  • source标签可以写多个,并指定type ,兼容不同浏览器解码支持。但src只能写一个
  • source标签的type属性的属性值有video/ogg,video/mp4,video/webm
<video id="leftVideo" controls loop muted>
    <source src="./xxx.mp4" type="video/mp4"/>
</video>
<video id="rightVideo" autoplay></video>

获取音频元素

  • getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
  • 如果没有指定 ID 的元素返回 null
  • 如果存在多个指定 ID 的元素则返回第一个。
const leftVideo = document.getElementById('leftVideo');
const rightVideo = document.getElementById('rightVideo');

监听canplay事件

提示该视频已准备好开始播放:

  • 接口的captureStream()属性 HTMLMediaElement]返回一个MediaStream对象&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值