抖音现在好像有看直播的功能了!!之前的一些直播平台好像也火了一阵,各种小姐姐各种扭,居然淘宝现在还有直播卖内衣的!!这让我对直播有了些性趣!!!????
还是严肃点来说吧!!细细想来,好像因为自己业务的原因,很少涉及到视频领域,目前我甚至一个标签都没有写过!!所以想学习记录一下。
video 标签使用大全:
属性:
- 玄幻播放:loop
- 预加载: preload
- 音量控制: volume (必须通过js来控制)
- 获取当前时间:currentTime(js控制)
- 视频源
source
属性(上一个有问题就会读取下一个,可以做错误监控,获取当前有问题的视频地址):
<video><source src="test1.mp4">source><source src="test2.mp4">source>
<video/>
复制代码
事件:
video 事件
直播原理
1. 流程图:
视频数据通过,摄像头的收集,经过编码和推流,通过CDN发送给用户的终端。
2. 视频格式和浏览器支持情况:
格式/浏览器 | chrome | firfox | safari |
---|---|---|---|
mp4 | ✓ | ✓ | ✓ |
webm | ✓ | ✓ | |
hls | ✓ | ||
flv (B站) |
3. 直播协议:
- hls 协议 -》视频格式:hls (好用,但是有延时)
-
rtmp 协议 -》视频格式:flv (低延时,但是使用复杂)
视频源————》cdn ———》tcp ——》终端 复制代码
-
http-flv 协议 -》视频格式:flv (结合上述两者优点)
视频源————》cdn ———》http ——》终端 复制代码
4. 小程序关于视频直播(只支持flv, rtmp ):
小程序是有直播相关的原生组件的。
live-player
小程序直播组件需要开通一下:
个人没有权限的开通的话,去类目里增加一个在线教育的类目:
5. 推流实战:
在整个直播环节中,推流的过程不是特别明白,会找一个实战的机会做补充!