写在2020年之前,flash停更后,网页直播怎么办?

2020-06-10 15:24:55 浏览数 (1)

背景

Adobe公司已经宣布在2020年彻底停止Flash的更新,而Chrome浏览器也提示“自2020年12月开始,Flash Player将不再受支持。”

对于PC直播来说,会受到两方面打击:

1、之前PC端推流依赖Flash,现在需要引导主播安装应用才能进一步,提高了主播开播门槛。

2、Flash Player播放器不再受支持,将影响rtmp或http-flv格式的直播流播放,而HLS由于协议本身限制,延迟很大,必然满足不了业务需要。

做直播太难了做直播太难了

简介

本文档将介绍不依赖Flash,用webrtc的方式实现浏览器推流,用flv.js来实现PC浏览器的flv格式流播放;

大概的架构图如下:

通过实时音视频旁路到云直播,实现浏览器推流通过实时音视频旁路到云直播,实现浏览器推流

涉及产品

1、实时音视频:https://cloud.tencent.com/document/product/647/

2、云直播:https://cloud.tencent.com/document/product/267

3、播放器SDK:https://cloud.tencent.com/document/product/881

一分钟开通实时音视频服务

参考官网文档,不再赘述 https://cloud.tencent.com/document/product/647/17195

注意:

建议购买一个正式套餐包,1千分钟的语音通话包即可,购买入口 https://buy.cloud.tencent.com/trtc

购买正式套餐包购买正式套餐包

开通旁路直播

1、登录实时音视频控制台应用管理界面,选择或创建应用,在操作栏中选择“功能配置”

选择功能配置选择功能配置

2、进入功能配置,启动自动旁路直播(相关功能说明和注意事项自行留意,涉及到费用)

开启旁路直播开启旁路直播

3、选择HLS FLV RTMP(小孩子才做选择题,成年人当然是全都要,反正价格一样)

选择直播类型选择直播类型

4、配置成功之后,返回应用列表,可以看到旁路的状态变为可用

开启旁路直播开启旁路直播

云直播快速入门

参考官网文档,不再赘述 https://cloud.tencent.com/document/product/267/13551

一分钟跑通实时音视频Demo

参考官网文档,不再赘述 https://cloud.tencent.com/document/product/647/32398

加入房间,即可自动推流加入房间,即可自动推流

推流完成后,在云直播控制台,就应该能看到一条在线流了(在流管理页面中)

看到在线流看到在线流

至此,就已经实现了PC浏览器推流,当然,实时音视频支持更多终端推流:

全平台互通全平台互通

尤其一大亮点是支持微信小程序推流,详情可参考官网相关文档。

PC浏览器播放http-flv(不依赖Flash Player)

目前市面上大多数手机浏览器不支持 HTTP-FLV 播放,因此腾讯云建议您在 Web 播放时的协议选择最好是 PC 浏览器用 HTTP-FLV 协议播放直播流,手机浏览器用 HLS 播放直播流。

直播播放可以参考官网文档,不再赘述 https://cloud.tencent.com/document/product/267/32733

用TCPlayerLite播放视频时,开启h5_flv参数即可启用flv.js播放flv格式,前提是你的浏览器支持MSE(Media Source Extensions)

如果是在安卓版微信或QQ浏览器,还可以启用x5_player参数,实现移动端低延时播放

h5_flvh5_flv

关于MSE,请移步MDN相关文档,如果一个浏览器不支持MSE,请把它卸载!

如果你还有其他终端的支持需求,则参考移动直播SDK

最后给大家一点福利

不好意思,搞错了,

应该是

低至9.9元云直播:https://cloud.tencent.com/act/pro/xinyonghu?from=12689

低至9.9元云点播:https://cloud.tencent.com/act/pro/new_user?from=12690

9.8元起的直播连麦互通:https://cloud.tencent.com/act/pro/mlvbyh?from=12691

0 人点赞