阅读 14

小程序成长之路(番外一篇)--关于直播

抖音现在好像有看直播的功能了!!之前的一些直播平台好像也火了一阵,各种小姐姐各种扭,居然淘宝现在还有直播卖内衣的!!这让我对直播有了些性趣!!!😂😂😂😂

还是严肃点来说吧!!细细想来,好像因为自己业务的原因,很少涉及到视频领域,目前我甚至一个<video />标签都没有写过!!所以想学习记录一下。

video 标签使用大全:

属性:

  1. 玄幻播放:loop
  2. 预加载: preload
  3. 音量控制: volume (必须通过js来控制)
  4. 获取当前时间:currentTime(js控制)
  5. 视频源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. 推流实战:

在整个直播环节中,推流的过程不是特别明白,会找一个实战的机会做补充!

未完待续。。。

关注下面的标签,发现更多相似文章
评论