如何通过小程序观看直播

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

一.微吼服务注册准备

  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. 点击“发起直播按钮”,如下图

直播观看效果图如下:

八.参考文档