小程序编程指南官方网站

1用户指南小程序编程指南官方网站支持体验自有设备，试用小程序编程指南设备，根据提示填写账号信息和设备信息，单击立即体验，进入自有设备播放页，体验设备实时直播，实时截图保存至手机系统相册。

1.
1wx搜索“小程序编程指南开放平台”官方网站点击“小程序编程指南开放平台”，进入小程序编程指南官方首页。

“小程序编程指南开放平台”官方网站
1.
体验自有设备如果您拥有小程序编程指南开放平台账号和公有云协议设备（中维世纪私协设备）、国标8181协议设备以及海康私有协议Ehome、ISUP协议设备可体验您账号下设备直播。
（如果您还没有设备，您可以体验试用小程序编程指南设备播放，参考1.
）1..
1体验自有设备（1）进入小程序编程指南官方网站首页，单击「立即体验」，进入体验自有设备页。
（）根据提示填写您的账号信息和设备信息。
您可登录小程序编程指南开放平台官网，在「控制台」->
「我的应用」->
「应用信息」ppKey、ppSecret，再单击左侧「设备接入」，获取您的设备信息。
设备序列号和通道号需按照指定格式填写。
视频通道号默认为。

（）单击「立即体验」按钮进入设备播放页。
即可体验设备实时播放，实时截图等功能1.
试用小程序编程指南设备播放如果您没有小程序编程指南开放平台账号或公有云协议设备（中维世纪私协设备）、国标8181协议设备以及海康私有协议Ehome、ISUP协议设备，可体验我们提供的试用设备进行设备直播。
1..
1试用设备直播进入小程序编程指南官方网站首页，单击「视频预览」按钮，进入试用设备页。

1准备工作（1）注册微信小程序账号，在创建自己的微信小程序之前，首先需要注册小程序账号，有如下账号类型，选则「小程序」类型。
请用您的企业账号完成后续注册。
（）下载并安装微信开发者工具。
（）小程序编程指南依赖于wx实时音视频播放组件live-player，根据wx实时音视频接入文档，您的小程序需要通过类目审核。
您可登录微信公众平台，在左侧单击「设置」，查看您的服务类目是否为live-player组件支持的小程序服务类目。
您可点击右侧「详情」进行服务类目添加。
您可登录微信公众平台，在左侧导航栏单击「开发」，然后单击「接口设置」，自助开通该组件权限。
（4）在小程序中请求小程序编程指南开放平台PI时，需预先设置通讯域名，小程序只可以和指定的域名进行网络通讯。
您可以登录微信公众平台，在左侧导航栏单击「开发」，然后单击「开发设置」，在「服务器域名」区域，单击「修改」，进行配置。
（5）开发小程序直播功能需要公有云协议设备（中维世纪私协设备）、国标8181协议设备以及海康私有协议Ehome、ISUP协议设备支持，您需要登录小程序编程指南开放平台官网，单击上侧导航栏「控制台」，单击左侧「设备管理」，选则对应设备进行添加，完成您账号下设备的添加。
如果您还未注册小程序编程指南开放平台官网账号，需要先单击上侧导航栏「注册」，根据提示步骤注册成为小程序编程指南开放平台开发者。
注册成功后重新登录小程序编程指南开放平台官网，单击上侧导航栏「控制台」，单击左侧「设备管理」，选则对应设备进行添加，完成您账号下设备的添加。

云视通开放平台的控制台为开发者提供了应用信息、设备管理、费用中心等功能。
登录账号后可在控制台中进行操作。。
体验小程序开发（1）新建项目：微信开发者工具扫描登录注册的微信小程序账号输入你的wx小程序ppID、(ppID在开发设置页面下查看您的ppID)项目名称、目录、开发模式选则小程序模式()进入您的小程序项目：默认您的首页目录为pages/index/index
ppID：输入wx小程序的ppID。
登录微信公众平台，在开发设置页面查看ppID。。

开发视频直播功能。

1live-player组件的使用小程序编程指南依赖于wx小程序原生组件live-player.
1引入live-player在wxml文件引入live-player，创建LivePlayerContext..
1对象操作wx.createLivePlayerContext('myVideo')将标签和javascript对象关联起来，之后即可操纵该对象play：开始播放，如果的atoplay属性设置为false（默认值），那么就可以使用play来手动启动播放stop：停止播放pase：暂停播放，停留在最后画面resme：继续播放，与pase成对使用mted：设置静音reqestFllScreen：进入全屏幕exitFllScreen：退出全屏幕
<live-playerid="myVideo"atoplaymode="RTC"bindtap="onVideoTap"mted=""src=""
 bindstatechange="statechange"binderror="error"bindadiovolmenotify="adiovolmenotify"
 bindfllScreenChange="fllScreenChange">
<live-player>
constlivePlayerContext=wx.createLivePlayerContext('myVideo')
livePlayerContext.play({sccess:(res)=>
{console.log(res)},fail:(res)=>
{console.log(res)}})
1.
属性详解src：用于音视频下行的播放URL，支持RTMP协议和FLV协议（小程序编程指南开放PI仅提供FLV播放协议地址）mode：默认为live模式，建议选则RTC模式（实时通话，该模式时延更低）
bindstatechange：通过live-player标签的bindstatechange属性可以绑定一个事件处理函数，该函数可以监听推流模块的内部事件和异常通知。
详细状况码请查看官方文档..
1.
4cover-view组件通过covere-view（覆盖在原生组件之上的文本视图，可覆盖的原生组件包括map、video、canvas、camera、live-player、live-psher）覆盖live-player组件之上，自定义”播放暂停按钮“、“高清标清切换按钮”、“音量开关按钮”、“全屏按钮”。
4调用小程序编程指南开放平台PI获取ccessToken获取直播FLV地址指令抓图。

5小程序开发live-player常见问题（1）测试号能否使用live-player组件？
live-player目前暂只对国内主体部分类目开放，具体请参考文档https://developers.qq.com/miniprogram/dev/component/live-player.html live-player组件支持的音视频格式？
视频支持h264和h265音频支持aac live-player组件不能在模拟器调试？
开发者工具上暂不支持（4）live-player出图加载缓慢问题？
调用wx小程序原生组件lilve-player出图时间在5s左右均为正常情况