从0开始制作H5直播源码的教程

从0开始制作H5直播源码的教程本文为转载文章 原作者由于公司需要开发一款直播软件 以前也并没有接触过直播这一方面 所以就来从 0 开始做一个直播 本着开放的原则 发此博文以供后者参阅 视频流服务使用阿里云 H5 直播源码

大家好,欢迎来到IT知识分享网。

本文为转载文章,原作者由于公司需要开发一款直播软件,以前也并没有接触过直播这一方面,所以就来从0开始做一个直播,本着开放的原则,发此博文以供后者参阅,视频流服务使用阿里云,H5直播源码。

视频直播的原理:

H5直播源码

从上图可以清楚的看到,我们的身份属于 管理员,在整个流程中主要负责视频的推流以及对整个实时视频流的处理。

可以看到,视频直播主要是依托于CDN来实现的,因为这样可以让 内容消费方(也就是用户)选择最佳的视频观看节点,减少视频延时。

具体实现步骤:

1、登陆阿里云官网视频直播控制台:

2、添加直播域名:

输入域名,审核通过后即可

H5直播源码

将添加的直播域名的DNS CNAME纪录修改为直播域名管理详情页面上显示的CNAME绑定地址。

以阿里云的域名解析为例:

H5直播源码

记录类型选择CNAME,主机记录写新建域名时候的二级域名,记录值填写域名的CNAME值。

4、获取推流和播放地址:

其中推流地址的APPname和streamname可以自定义。

5、推流:

推流地址:

rtmp://video-center.alivecdn.com/APPName/StreamName?vhost=test.example.com

说明

使用OSB进行推流,OBS下载地址:https://obsproject.com/download#mp

安装完毕后点击设置:.

H5直播源码

以推流地址:rtmp://video-center.alivecdn.com/APPName/StreamName?vhost=test.example.com为例,

其中URL填写:rtmp://video-center.alivecdn.com/APPName,流秘钥填写:StreamName?vhost=test.example.com;

6、播放:

回到视频云直播控制台,点击流管理就可以看到当前正在直播的视频流了:

H5直播源码

点击后面的直播地址 即可看到3条直播的连接,将鼠标放到连接上,后面会显示一个播放,点击就可以在当前页面播放:

H5直播源码

或者可以将 M3U8格式的直播地址复制到 H5的video标签进行播放。

到此,一个简单的H5直播源码就已经完成了。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/103323.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信