直播功能详解

业余123

已于 2022-07-20 11:16:39 修改

阅读量2.5k

点赞数 3

分类专栏：直播文章标签： php 微信小程序

于 2022-03-30 20:38:26 首次发布

本文链接：https://blog.csdn.net/a18132147899/article/details/123854644

版权

直播专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.直播的工作原理

2.阿里云直播

开通服务

添加域名

https://live.console.aliyun.com/#/overview

直播中心：指直播所在地域，直播推流域名与播流域名必须在一个地域。

CDN加速区域：指域名可执行加速的地域。

配置CNAME

CNAME( Canonical Name )：即别名，可以用来把一个域名解析到另一个域名，再由另一个域名提供 IP 地址。

例如，您有一台服务器上存放了很多资料，您使用docs.example.com去访问这些资源，但又希望通过documents.example.com也能访问到这些资源，那么您可以在您的DNS解析服务商添加一条CNAME记录，将documents.example.com指向docs.example.com，添加该条CNAME记录后，所有访问documents.example.com的请求都会被转到docs.example.com，获得相同的内容。

接入视频直播，在阿里云控制台添加域名后，您会得到一个阿里云视频直播给您分配的CNAME域名。该CNAME域名的形式为*.xxxxx.com。您需要在您的DNS解析服务商添加一条CNAME记录，将自己的加速域名指向这个*.xxxxx.com的域名。记录生效后，域名解析的工作就正式转向视频直播服务，该域名所有的请求都将转向视频直播节点，达到加速效果。

声明：我使用的是腾讯云服务器和腾讯云备案域名

登录腾讯云官网，给播流域名和推流域名配置 CNAME

验证配置的 CNAME 是否生效：ping 自己的域名即可

关联域名

推流域名与播放域名添加成功后，需要进行域名的关联。

生成推流地址和播放地址

配置鉴权：URL 鉴权功能旨在保护用户站点的内容资源不被非法站点下载盗用。

鉴权功能默认为开启状态，建议您保持默认开启状态，否则会出现直播被盗录、盗播的风险。

当鉴权功能开启时，有默认鉴权和自定义鉴权两种鉴权方式，可按需选择默认鉴权或自定义鉴权。

默认鉴权：鉴权key随机分配，有效时长 30 分钟。超过有效时间，鉴权失效。

边缘推流可以把视频推流至最优 CDN 节点，以减少卡顿、拉流缓慢的问题。建议您优先选择边缘推流。

选择需要鉴权的播流域名、关联的推流域名，输入相应的AppName和StreamName，并单击开始生成。

自定义鉴权：可以对鉴权主KEY、副KEY、有效时长、AppName和StreamName等进行自定义，然后再生成鉴权URL进行推流。

OBS直播推流

OBS推流工具的使用方法 (aliyun.com)

推流地址由推流域名、AppName、StreamName和鉴权串组成。

浏览器直播播流

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <title>用户测试用例</title>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.18/skins/default/aliplayer-min.css" />
    <script charset="utf-8" type="text/javascript" src="https://g.alicdn.com/de/prismplayer/2.9.18/aliplayer-min.js"></script>
</head>
<body>
<div class="prism-player" id="J_prismPlayer"></div>
<script>
    var player = new Aliplayer({
        id: 'J_prismPlayer',
        width: '100%',
        autoplay: true,
       // cover: '<your cover URL>',//可选公共参数。视频封面图片地址。用户自定义的可以被访问到的网络图片。本参数传入的URL优先级最高，会覆盖通过获取视频播放凭证接口获取的CoverURL。
        // 播放方式一、播放地址播放。此方式播放优先级最高。
        source : 'http://live.lishuo.net/app/stream.m3u8?auth_key=1646701997-0-0-552cb8f273f8843462a448b8551762e8',//播放方式一必选参数。可以是第三方直播或点播地址、阿里云直播服务中的播放地址，或阿里云点播服务中的播放地址。
    },function(player){
        console.log('The player is created.')
    });
</script>
</body>
</html>

浏览器打开，如果出现以下问题，说明权限问题

修改访问权限

刷新页面，即可看到实时的直播内容

3.腾讯云直播

添加播流域名

概览 - 云直播 - 控制台 (tencent.com)

腾讯云开通直播会赠送一个推流域名，我们只需要添加一个播流域名

生成推流地址

本地浏览器直播

腾讯云直播官方参考文档

云直播快速入门 - 快直播（超低延时直播） - 文档中心 - 腾讯云 (tencent.com)

生成播放二维码在腾讯视频云观看

微信小程序腾讯视频云扫码观看直播

4.七牛云直播

七牛云直播官网参考文档

快速入门_快速入门_直播云 - 七牛开发者中心 (qiniu.com)

从此步骤开始，完成需要的配置

以下是我完成配置步骤的几个截图

创建空间

配置CNAME

添加直播流，生成推流地址和播放地址

在obs上直播

点击上图直播预览，预览直播

查看直播信息

七牛云直播引入微信小程序官方参考文档

小程序直播接入文档_快速入门_直播云 - 七牛开发者中心 (qiniu.com)

5.直播引入至微信小程序

微信小程序带有直播组件，但是，需要在微信公众平台先开通直播服务

开通微信小程序直播功能有一定要求，需结合自身情况看是否符合

开通直播服务

使用直播组件

业余123

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
直播功能详解

目录1.直播的工作原理2.阿里云直播进入阿里云官网的视频直播，开通服务登录视频直播控制台，添加域名紧接着配置 CNAME验证配置的 CNAME 是否生效关联域名配置鉴权下载并安装OBS推流工具直播播流3.腾讯云直播4.直播引入至微信小程序1.直播的工作原理2.阿里云直播进入阿里云官网的视频直播，开通服务登录视频直播控制台，添加域名https://live.console.aliyun.com/#/overvi......
复制链接

扫一扫