H5直播之阿里云视频直播的实现

转自https://blog.csdn.net/hanierming/article/details/52769424

由于公司需要开发一款直播软件，以前也并没有接触过直播这一方面，所以就来从0开始做一个直播，本着开放的原则，发此博文以供后者参阅。

视频直播服务提供商的选择：
在选择视频直播提供商的时候，目标选择有三家：七牛云、腾讯云与阿里云。由于七牛云以及腾讯云的视频直播需要审核，而且审核速度较慢，本次选择的是阿里云提供的视频直播的服务。阿里云的服务质量也是很可靠的。阿里云视频直播服务地址：https://www.aliyun.com/product/live

视频直播的原理：

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

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

具体实现步骤：

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

登陆阿里云账号后，进入控制台，找到左上角的产品与服务->移动与视频服务->视频直播；

2、添加直播域名：

点击新建域名

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

3、将直播域名绑定到CNAME：

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

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

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

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

点击管理：

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

5、推流：

推流地址：

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

说明

video-center.alivecdn.com是直播中心服务器，允许自定义，例如您的域名是your.example.com（注意：该域名不可以和你的直播加速域名相同），可以设置DNS，将您的域名CNAME指向video-center.alivecdn.com即可
APPName是应用名称，支持自定义，可以更改
StreamName是流名称，支持自定义，可以更改
vhost参数是最终在边缘节点播放的域名，即你的直播加速域名。

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

安装完毕后点击设置：.

在串流中填写相关配置：

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

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

然后在OBS主界面下方的来源中选择需要直播的画面，点击开始串流即可：

6、播放：

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

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

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

到此，一个简单的直播就已经完成了。

H5直播之阿里云视频直播的实现相关推荐

java SpringBoot 集成阿里云视频直播完成直播功能
经历了几天的周折,近期才把项目完成,在这里与大家分享一下踩坑之路,也方便日后有类似项目,可以借阅一番开发直播前先满足已下条件 1.开通视频直播功能 2.购买好了OSS存储 3.购买两个域名并且备案好 ...
java SpringBoot 集成阿里云视频直播完成直播功能
经历了几天的周折,近期才把项目完成,在这里与大家分享一下踩坑之路,也方便日后有类似项目,可以借阅一番该项目是一个H5直播,采用m3u8格式完成直播的展示.通过推流地址,借助第三方推流工具实现直播效果 ...
首批唯一！阿里云视频直播服务获信通院首批唯一认证
简介:阿里云视频直播服务 7 月 28 日,由中国信息通信研究院主办的 2021 可信云大会上,阿里云凭借在视频直播 "云 - 边 - 端" 的产品技术优势,以最高标准通过了可信云 ...
深度解读：阿里云视频直播功能升级
2022年注定是体育超级大年,冬奥.亚运会.大运会.世界杯等各类大型体育赛事应接不暇.随之而来便是各类赛事直播,客户对直播服务要求变得越来越高,视频直播技术创新显得格外重要.如何利用直播技术创新降低线 ...
阿里云视频直播使用详细步骤
目录一.阿里云视频直播 1.什么是视频直播 2.视频直播架构 3.官方文档链接二.使用流程 1.使用条件 2.添加推流域名和播流域名 3.配置CNAME 4.关联推流域名和播流域名 5.生成推流地 ...
阿里云视频直播 web前端[移动端] Aliplayer的简单案例
阿里云视频直播 web前端[移动端] Aliplayer的简单案例最近做了一个功能就是播放后台提供的各种直播视频,格式在未确定的情况下,刚开始以为简单的一个video标签就能播放视频,后面才发现各种 ...
阿里云视频直播PHP-SDK
阿里云视频直播配置及 PHP-SDK 接入教程准备工作域名管理配置鉴权地址生成器及DEMO演示-熟悉鉴权接入SDK 推流回调的配置阿里云视频直播配置及 PHP-SDK 接入教程 ...
阿里云视频直播推流和播流地址生成
记录学习阿里云视频直播准备环境: 1.已开通阿里云视频直播服务. 2.2个域名:一个用于推流,一个用于播流. 3.在视频直播服务里面找到域名配置,配置好播流和推流域名之间的关系. 4.下载Vlc和o ...
阿里云视频直播，使用obs推流验证是否成功
阿里云视频直播推流地址验证首先,根据上篇文章得到推流地址以及播流地址,从官方下载obs工具和vlc工具,下面开始验证地址是否正确? 演示 1.打开obs工具,找到右下角的设置按钮,点击推流,将推流地 ...

H5直播之阿里云视频直播的实现

H5直播之阿里云视频直播的实现相关推荐

最新文章

热门文章