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

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

视频直播服务提供商的选择：
在选择视频直播提供商的时候，目标选择有三家：七牛云、腾讯云与阿里云。由于七牛云以及腾讯云的视频直播需要审核，而且审核速度较慢，本次选择的是阿里云提供的视频直播的服务。

视频直播的原理：

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

可以看到，视频直播主要是依托于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直播源码就已经完成了。

从0开始制作H5直播源码的教程相关推荐

H5直播源码具有怎样的优势？
做品牌宣传的朋友都知道,H5是一个重要的表现方式. H5直播源码研发周期较短,其强化了web网页的表现性能.除了微信之外,不少浏览器都可用H5观看视频,所以相对flash而言,不要安装插件,所以传播更 ...
直播源码搭建教程5 分钟完成（直播 + 分流 + 画面水印）
直播源码搭建教程5 分钟完成(直播 + 分流 + 画面水印) 部署运行服务器安装docker(Centos7,其他系统请发挥你的搜索功能) $ yum -y install docker #安装d ...
直播源码搭建教程之直播流媒体
直播源码搭建教程之直播流媒体前言这段时间在搭建一个IPCamera项目服务器.视频点对点通话,客户端会查看设备端的音视频实时流.为了省流量,是通过P2P进行穿透.但是由于NAT设备的原因和IPV4 ...
一个直播源码搭建教程，教你如何完成一个完整的直播
网上关于视频直播的资料还是挺多的,看了一些文章,自己也动手实践了下,写了这个直播源码搭建教程.主要有三个步骤:(1)NginxRTMP服务器搭建(2)视频录制推流器 (3)拉流器(播放器),有了这些就 ...
直播源码搭建教程，教你实现举报功能
直播源码是现在非常受欢迎的应用,拥有非常多的用户,但是用户变多,平台内容就不可控了,需要用户自发举报,维护平台信息健康,今天就是一个直播源码搭建教程,看看举报功能是怎样实现的. 一.后台接口 //us ...
直播源码搭建教程之在h5 video中的直播
直播源码搭建教程之在h5 video中的直播直播越来越成为趋势,因为疫情的冲击,不管是直播带货还是直播教育等等,将线上模式推上了巅峰- 因为业务和兴趣关系,稍微研究了一下在H5中直播的相关知识. P ...
直播源码app，node博客之路由搭建
直播源码app,node博客之路由搭建实现的相关代码 www.js const http = require('http') const PORT = 9000 const serverHandle ...
在线直播源码,滚动文字
在线直播源码,直播间滚动文字实现的相关代码 #include<iostream> #include<windows.h> using namespace std; void g ...
h5棋牌源码中MySQL中的锁（表锁、行锁）
锁是计算机协调多个进程或纯线程并发访问某一资源的机制.在数据库中,除传统的计算资源(CPU.RAM.I/O)的争用以外,数据也是一种供许多用户共享的资源.如何保证数据并发访问的一致性.有效性是所在有数 ...

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

从0开始制作H5直播源码的教程相关推荐

最新文章

热门文章