1微信小程序开发指南
1.
1注册与配置小程序账号
在开始创建小程序之前,您需要先注册小程序账号。有以下几种账号类型供您选择:
- 小程序:适用于一般的开发者。
- 企业应用:适用于企业客户和小型团队。
请使用您的企业账号完成后续注册。
1.2下载并安装微信开发者工具
为了方便您开发、测试和调试小程序,建议您下载并安装微信开发者工具。该工具提供了丰富的功能,能够帮助您全面提升开发效率。
1.3查看服务类目与开通组件权限
在登录微信公众平台的“设置”页面后,您可以查看您的服务类目是否为直播播放组件支持的小程序服务类目。若不支持,请点击右侧的“详情”,对服务类目进行添加。
同时,在小程序开发过程中,您可能需要使用到不同的组件,例如live-player等。在登录微信公众平台的“接口设置”页面,您可以自助开通该组件权限。
1.4配置通讯域名
在小程序中请求云视通开放平台PI时,需预先设置通讯域名。小程序只能与指定的域名进行网络通讯。
请您登录微信公众平台的“开发设置”页面,在“服务器域名”区域中进行配置。
1.5添加设备
为了实现直播功能,您需要登录云视通开放平台官网,单击上方导航栏“控制台”,然后选择左侧的“设备管理”,对对应设备进行添加,完成您账号下设备的添加。
如果您还未注册云视通开放平台官网账号,请先单击上方导航栏“注册”,根据提示步骤注册成为开发者。注册成功后重新登录,进行设备添加操作。
1.6体验小程序开发
1.6.1新建项目
在微信开发者工具中,您可以扫描登录注册的微信小程序账号,输入您的wx小程序ppID、项目名称、目录等信息,选择“小程序模式”进入您的小程序项目。
1.6.2开发视频直播功能
在小程序项目中,您可以通过以下步骤实现视频直播功能:
(1)引入live-player组件:在wxml文件中引入live-player组件,创建LivePlayerContext对象。
(2)对象操作:通过wx.createLivePlayerContext()可以将标签和javascript对象关联起来,之后即可操作该对象,如播放、暂停、切换模式等。
(3)属性详解:根据实际需求设置直播源地址、播放模式、状态回调等属性。
(4)调用云视通开放平台PI获取FLV地址、进行截图等操作。
(5)使用cover-view组件在live-player组件之上自定义播放暂停按钮、高清标清切换按钮、音量开关按钮、全屏按钮等功能。
1.7常见问题
1.7.1测试号能否使用live-player组件?
目前,live-player组件仅对国内主体部分类目开放。具体请参考官方文档:https://developers.qq.com/miniprogram/dev/component/live-player.html
1.7.2live-player组件支持的音视频格式?
直播支持H.264和H.265视频编码,音频支持AAC编码。
1.7.3live-player组件不能在模拟器调试?
目前开发者工具上暂不支持该组件的模拟器调试功能。
1.7.4live-player出图加载缓慢问题?
调用wx小程序原生组件lilve-player进行截图的时间大约为5秒钟,均为正常情况。