• 注册
当前位置:1313e > 小程序 >正文

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

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

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

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. 视频格式和浏览器支持情况:

格式/浏览器chromefirfoxsafari
mp4
webm
hls
flv (B站)

3. 直播协议:

  • hls 协议 -》视频格式:hls (好用,但是有延时)

  • rtmp 协议 -》视频格式:flv (低延时,但是使用复杂)

    视频源————》cdn ———》tcp ——》终端 
    复制代码
  • http-flv 协议 -》视频格式:flv (结合上述两者优点)

    视频源————》cdn ———》http ——》终端 
    复制代码

4. 小程序关于视频直播(只支持flv, rtmp ):

小程序是有直播相关的原生组件的。

live-player

小程序直播组件需要开通一下:

个人没有权限的开通的话,去类目里增加一个在线教育的类目:

5. 推流实战:

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

未完待续。。。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录