×

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秒钟,均为正常情况。

作者

xiaoxiaoxiyue@qq.com

相关文章

本系列学习以已有的编程基础为佳,若未具备相关...

读出全部

这一段时间我们团队针对科凡建站移动端进行了一...

读出全部

当网页作为信息传递的重要渠道,它的页面设计显...

读出全部

精雕细琢,打造个性化网页定制开发 作为一种新...

读出全部

以下是根据您的要求生成的文章: 我是一名IT...

读出全部

Photoshop网页设计课程实践作品源码教...

读出全部