快速搭建一个直播Demo

小咪咪 2022-01-17 07:01 368阅读 0赞

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][]

## 缘由 ##

最近帮朋友看一个直播网站的源码，发现这份直播源码借助 阿里云 、腾讯云这些大公司提供的SDK 可以非常方便的搭建一个直播网站。下面我们来给大家讲解下如何借助 腾讯云 我们搭建一个简易的 直播示例

## 云直播架构 ##

![600][]

主要分三部分

1：直播端 通过设备 直接通过 直播服务提供方 的推流 地址 进行直播视频，这些直播流视频 会推送到 直播服务提供方 直播服务器云存储

2：直播服务提供方 会将 云存储的 视频流 转发到 CDN 节点

3：观众 就通过 各种终端 看直播（此时就会根据不同游客 会 访问不同的节点 ）

## 生成推送流URL ##

根据 腾讯云直播官方 [https://cloud.tencent.com/product/lvb][https_cloud.tencent.com_product_lvb] 介绍，所有用户都可以领取20G 的流量，够我们测试了。

### 准备工作 ###

1：官方注册账号 领取20G流量 官方地址： [https://cloud.tencent.com/product/lvb][https_cloud.tencent.com_product_lvb]

2：需要一个备案过的域名（用户播放直播视频域名） 。这就需要自己购买了

3：支持推流的app。易推流 只支持IOS 、腾讯官方小直播 DEMO：[https://cloud.tencent.com/document/product/267/32732\#.E5.B0.8F.E7.9B.B4.E6.92.AD-demo][https_cloud.tencent.com_document_product_267_32732_.E5.B0.8F.E7.9B.B4.E6.92.AD-demo]

### 推流URL代码 ###

/**
     * 获取推流地址
     * 如果不传key和过期时间，将返回不含防盗链的url
     * @param domain 您的推流域名
     *        stream_id 您用来区别不同推流地址的唯一流ID
     *        key 安全密钥
     *        time 过期时间 sample 2016-11-12 12:00:00
     * @return String url */
    
    public static function getPushUrl($domain, $stream_id, $key = null, $time = null){
        if($key && $time){
            $tx_time = strtoupper( base_convert(strtotime($time),10,16));
            $tx_secret = md5($key.$stream_id.$tx_time);
            $ext_str = "?".http_build_query([
                    "txSecret"=> $tx_secret,
                    "txTime"=> $tx_time
                ]);
        }
        return "rtmp://".$domain."/live/".$stream_id.( isset($ext_str) ? $ext_str : "");
    }

其中domain 和 key 都是通过腾讯控制台获取的 。如下图

![600][600 1]

![600][600 2]

而其中的stream\_id 你可以理解为直播房间id，在具体开发中 不要重复就好了

## 播放流URL ##

生成播放流URL非常简单，但是需要 有自己备案过得域名。然后在后台添加播放域名就行了。

添加完成域名之后 就需要将域名 cname 到 下图二中的官方分配地址

![zhibo\_3.jpg][zhibo_3.jpg]

![zhibo\_4.jpg][zhibo_4.jpg]

### 播放URL代码 ###

/**
     * 获取播放地址
     * @param domain 您的播放域名
     *        stream_id 您用来区别不同推流地址的唯一流ID
     * @return String url */
    
    public static function getPlayUrl($domain, $stream_id){
        $data = [
            "rtmp://".$domain."/live/".$stream_id,
            "http://".$domain."/live/".$stream_id.".flv",
            "http://".$domain."/live/".$stream_id.".m3u8"
        ];
        return $data[1];
    }

其中 domain 就是刚在添加的域名。stream\_id 就是生成推送流里面的参数。播放流可以生成三种模式，flv 和 m3u8。一般我们flv格式延迟会低些

## 效果展示 ##

### 获取推送Url 和 播放Url ###

![zhibo\_5.jpg][zhibo_5.jpg]

推送流Url：rtmp://44159.livepush.myqcloud.com/live/54php?txSecret=安全保密替换掉&txTime=5CC066FD
    播放流Url：http://lvb.54php.cn/live/54php.flv

### 使用腾讯小直播软件直播 ###

![600][600 3]

![600][600 4]

![600][600 5]

![600][600 6]

![600][600 7]

### 易推流App ###

![600][600 8]

![600][600 9]

前端演示地址：[http://m.54php.cn/demo/lvb][http_m.54php.cn_demo_lvb] ，可能无法看到，因为浪子没有直播了

原文地址： [快速搭建一个直播Demo][Demo]  
标签： [直播][Link 1] [lvb][]

### 智能推荐 ###

*  [悦苗园公益活动][Link 2]
 *  [进程与线程的一个简单解释][Link 3]
 *  [于宙：我们这一代人的困惑][Link 4]
 *  [如何查看google chrome 插件源码][google chrome]
 *  [【重要】ASCII码表][ASCII]

\--Posted from Rpc

转载于:https://my.oschina.net/54php/blog/3041519

[80_]: https://my.oschina.net/u/2663968/blog/3051541
[hot3.png]: /images/20220117/0e9387c644324dcab11d2acaf2ec333f.png
[600]: /images/20220117/fbf5b884c74c4b8bbb09817039b23755.png
[https_cloud.tencent.com_product_lvb]: https://cloud.tencent.com/product/lvb
[https_cloud.tencent.com_document_product_267_32732_.E5.B0.8F.E7.9B.B4.E6.92.AD-demo]: https://cloud.tencent.com/document/product/267/32732#.E5.B0.8F.E7.9B.B4.E6.92.AD-demo
[600 1]: /images/20220117/013d3cd4b29f4144a7636f6e1fc9de91.png
[600 2]: /images/20220117/ebabfb25142d47afa7c62d75d15ccec0.png
[zhibo_3.jpg]: /images/20220117/1520a84172cc469c90e8e669a2570532.png
[zhibo_4.jpg]: /images/20220117/099e155a71ed435ea938723fa40d4a59.png
[zhibo_5.jpg]: /images/20220117/ca4cf8a790c4401492e7d5b190ef0516.png
[600 3]: /images/20220117/b7e3a4b5004f47ea956b737e6d58602f.png
[600 4]: /images/20220117/69a82bd070f748acb6f7af94e1825d67.png
[600 5]: /images/20220117/978c9b70655344edbda7bee56c715ba3.png
[600 6]: /images/20220117/a007b2396c664b22b3be4e0cafb537ff.png
[600 7]: /images/20220117/146ad7b7790d42a7a69050647c6951f8.png
[600 8]: /images/20220117/1bc7ea42e2f747f0a4d34e7b52284c2f.png
[600 9]: /images/20220117/69c07e87a72440a1a1d8d5b55f86a90d.png
[http_m.54php.cn_demo_lvb]: http://m.54php.cn/demo/lvb
[Demo]: http://www.54php.cn/default/252.html?source=oschina
[Link 1]: http://www.54php.cn/search/do?kw=%E7%9B%B4%E6%92%AD&source_id=252&source=oschina
[lvb]: http://www.54php.cn/search/do?kw=lvb&source_id=252&source=oschina
[Link 2]: http://www.54php.cn/default/51.html?flag=recommend&source=oschina&source_id=252
[Link 3]: http://www.54php.cn/default/57.html?flag=recommend&source=oschina&source_id=252
[Link 4]: http://www.54php.cn/default/97.html?flag=recommend&source=oschina&source_id=252
[google chrome]: http://www.54php.cn/default/140.html?flag=recommend&source=oschina&source_id=252
[ASCII]: http://www.54php.cn/default/162.html?flag=recommend&source=oschina&source_id=252