久而旧之

Live 阿里云直播

2019-07-04

[阿里云文档] 具体流程依据文档
需要:备案域名 / 直播云服务器

开通阿里云直播控制台

ico原来的样子
ico原来的样子

直播控制台-概览配置 推流/播流 域名

生成之后解析对应域名的 CNAME 到推流/播流域名上
ico原来的样子

PC端 OBS/VLC 测试

地址生成器–>生成的 推流/播流 地址相应在 OBS/VLC 上使用即可看到同步直播

ico原来的样子
ico原来的样子
ico原来的样子
ico原来的样子

观看直播 [后续…]

前面的直播推流配置完成之后,我们需要让用户或者观众看到直播
正常用户观看直播的流程是:登录直播网站 -> 点开直播房间 -> 服务器获取播放地址 -> 用户观看直播
1.创建一个测试直播的控制器

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php

namespace App\Http\Controllers;

use xxx;//sdk包

class LiveController extends Controller
{

public function index()
{
// 通过sdk获取直播地址
$liveurl = \xxx\xxx\xxx('xxx', 'app', 'stream');
}
}

2.页面展示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- 引入 CDN -->
<script src="https://cdn.bootcss.com/flv.js/1.3.2/flv.min.js"></script>
<!-- dom -->
<video id="videoElement"></video>
<!-- js -->
<script>
if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement');
var flvPlayer = flvjs.createPlayer({
type: 'flv',
url: '{{ $liveurl }}'
});
flvPlayer.attachMediaElement(videoElement);
flvPlayer.load();
flvPlayer.play();
}
</script>

  • Notice
    后续通过sdk整合到项目开发中…
使用支付宝打赏
使用微信打赏

欢迎点击上方按钮对我打赏,谢谢你给我吃糖果