直播观看

使用微吼云服务，通过小程序观看直播，只需以下简单几步。

一.微吼服务注册准备

1. 注册微吼开发者账号

2. 创建应用 获取AppID

3. 创建直播间 获取roomId 可以通过 【测试工具】 或 【API】 获得

4. 获取直播间包含看直播权限的access_token 可以通过 【测试工具】 或 【API】获得

二.微信小程序注册准备

1. 注册微信小程序 根据指引填写信息和提交相应的资料

2. 设置小程序分类 登录微信公众平台，进入设置->基本设置->服务类目 将分类设置成下图红框标中的一种。

   注意：推流会用到小程序的live-pusher接口，此接口微信 只对五个分类开放，如上图标记。所以，我们 需要在这五个分类中选取一个。

3. 设置小程序接口设置 进入设置->接口设置 将实时播放音视频流和实时录制音视频流两个开关打开，如下图：

4. 设置服务器域名 进入设置->开发设置 服务器域名里添加以下域名：

• https://api.yun.vhall.com
• https://t-open.e.vhall.com
• https://t-dc.e.vhall.com
• https://t-gslb-open.e.vhall.com
• https://gslb.vhallyun.com
• https://api.vhallyun.com

如下图所示：

三.开发工具准备

• 安装开发工具 前往开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

• 安装后的图标如下图：

四.下载Demo源码

点击微吼小程序demo下载

五.载入工程

1. 打开微信开发工具，用微信扫描二维码登录。

2. 选择“小程序项目”

3. 点击“项目目录”右侧下拉框，选择下载下来的微吼小程序demo目录“vhall-miniprogram”

4.载入完成

效果如下图

六. 填入播放参数

1.打开需要更换参数的文件

在微信开发工具的编辑器里，选择pages-> player-> index.data.js文件, 找到roomId和streamUrl，如下图

2. 找到需要播放的参数。

参考微吼服务注册准备的2 - 4步

3. 在pages-> player-> index.data.js文件中填入上一步对应的参数，如下图所示

七.打开直播观看

到此，就可以观看直播效果了

1. 点击微信开发工具的“预览”，用微信扫描二维码。

2. 点击“发起直播按钮”，如下图

直播观看效果图如下：

八.参考文档

• 微信小程序注册
• 微信官方简易教程