너 바보 아니야

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整合到项目开发中…
赏
使用支付宝打赏
使用微信打赏

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