解决方案

Hishop搭建微信小程序音视频

作者:仙宝云 | 发布时间:2021-05-28 18:12:22 | 阅读:680

Hishop搭建微信小程序音视频,微信小程序音视频解决方案 


注册小程序并开明相关接口

出于政策和合规的考虑,微信暂时没有放开所有小程序对 <live-pusher> 和 <live-player> 标签的支持:

个人账号和企业账号的小程序暂时只开放如下表格中的类目:

主类目子类目 【交际】直播【教育】在线教育【医疗】互联网病院,公立病院【政务民生】所有二级类目【金融】基金、信托、保险、银行、证券/期货、非金融机构自营小额贷款、征信业务、消费金融


打开微信民众平台 注册并登录小程序,并在小程序管理后台的<font color='red'> “设置 - 接口设置” </font>中自助开明该组件权限


留意:如果以上设置都正确,但小程序依然不能正常工作,可能是微信内部的缓存没更新,恳求删除小程序并重启微信后,再进行尝试


装置微信小程序开发工具

下载并装置最新版本的微信开发者工具,运用小程序绑定的微信号扫码登录开发者工具

Hishop搭建微信小程序音视频

获得Demo源码并调试

step1: 访问SDK + Demo,获得小程序 Demo 源码

step2: 打开安装的微信开发者工具,点击【小程序项目】按钮

step3: 输入小程序 AppID,项目目次选择上一步下载下来的代码目次( 留意: 目次恳求选择 根目次 ,根目次包含有 project.config.json 文件,恳求不要只抉择 wxlite 目次!),点击确定创建小程序项目

step4: 再次点击【确定】进入开发者工具

step5: 恳求应用手机进行测试,直接扫描开发者工具预览生成的二维码进入

step6: <font color='red'>开启调试模式</font>,体验和调试内部功效开启调试可以跳过把这些域名加入小程序白名单的工作

搭建自己的账号和后台服务器


这局部我们将引见如何将Demo默认的测试用服务器地点,换成您自己的服务器,这样一来,您就可以利用自己的腾讯云账号实现上述功用,同时也便于您进行二次开发


1. 搭建 <webrtc-room> 的服务器

1.1 这个服务器能做什么?

点击demo里的互动课堂 <webrtc-room> 功效,您见面看到一个房间列表,这个房间列表是怎么实现的呢?

在看到视频房间列表以后,如果你如果创立一个视频房间,或者进入一个其他人建好的视频房间,就需要为 所对应的几个属性( sdkAppID 、 userID 、 userSig 、 roomID 和 privateMapKey )传送合法的参数值,这几个参数值怎么获得呢?

1.2 这个服务器如果怎么搭建?

下载 webrtc_server ,这是一份 java 版本的实现,根据 README.md 中的说明就可以了解怎么运用这份源码。

智慧商业服务商仙宝云欢迎您!

请加微信: 18962171986 (宋经理)

在线咨询