{"version":"0.0.0","data":{"0":{"ops":[{"insert":"本文介绍如何创建一个微信小程序 RTC 项目，实现音视频通话功能。\n"},{"attributes":{"lmkr":"1","blockquote":"true"},"insert":"*"},{"insert":"由于平台限制，微信小程序 SDK 的媒体能力与其他端存在差异，详见 "},{"insert":"微信小程序 SDK 媒体能力上限","attributes":{"hyperlink":"{\"href\":\"/docs/6348/1111496\",\"linkId\":\"nw35qxb0\",\"target\":\"_self\"}"}},{"insert":"。\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#前提条件"}},{"insert":"前提条件\n"},{"insert":"开始前，请确保你的开发环境满足如下条件：\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"一个经过企业认证的微信小程序账号\n"},{"attributes":{"lmkr":"1","blockquote":"true"},"insert":"*"},{"insert":"调试 RTC 微信小程序 Demo 过程中，需要使用小程序的 "},{"insert":"live-pusher","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html\",\"linkId\":\"FK5TOANyVa\",\"target\":\"_blank\"}"}},{"insert":" 和 "},{"insert":"live-player","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html\",\"linkId\":\"FRmZC3m6qv\",\"target\":\"_blank\"}"}},{"insert":" 功能标签，用于支持音视频上行和下行（播放）能力，目前微信只向特定行业的认证企业账号开放这两个标签的使用。\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"下载并安装最新版本的"},{"insert":"微信开发者工具","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html\",\"linkId\":\"vMDejBnd8u\",\"target\":\"_blank\"}"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"至少一台安装有"},{"insert":"微信","attributes":{"hyperlink":"{\"href\":\"https://weixin.qq.com/\",\"linkId\":\"J2yYKeBdfn\",\"target\":\"_blank\"}"}},{"insert":" App 的移动设备\n"},{"attributes":{"lmkr":"1","list":"bullet2","start":"1","origin-start":"1"},"insert":"*"},{"insert":"微信 App iOS 最低版本要求：6.5.21\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"微信 App Android 最低版本要求：6.5.19\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"小程序基础库最低版本要求：1.7.0\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"获取 "},{"insert":"RTC 微信小程序 SDK 包","attributes":{"hyperlink":"{\"href\":\"/docs/6348/75707#下载-sdk\",\"linkId\":\"f8p6rtx2\",\"target\":\"_self\"}"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#step1"}},{"insert":"步骤 1：获取 AppId 和 Token\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"参考 RTC "},{"insert":"接入指南","attributes":{"hyperlink":"{\"href\":\"/docs/6348/69865\",\"linkId\":\"rc7ssu27\",\"target\":\"_self\"}"}},{"insert":"获取 AppId。\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"在开发阶段，你可以在控制台生成并使用临时 Token。正式上线后，Token 应由你的应用服务端生成，下发到你的应用客户端。应用客户端在加入 RTC 房间时，必须携带正确的 Token。你可以通过阅读"},{"insert":"密钥说明","attributes":{"hyperlink":"{\"href\":\"/docs/6348/70121\",\"linkId\":\"udggm066\",\"target\":\"_self\"}"}},{"insert":"了解更多 Token 相关。\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#步骤-2：开通小程序组件权限"}},{"insert":"步骤 2：开通小程序组件权限\n"},{"insert":"进入"},{"insert":"微信公众平台","attributes":{"hyperlink":"{\"href\":\"https://mp.weixin.qq.com/\",\"linkId\":\"FveOUz7apa\",\"target\":\"_blank\"}"}},{"insert":" -> 【开发】 -> 【接口设置】，打开 "},{"attributes":{"bold":"true"},"insert":"实时播放音视频流"},{"insert":" 和 "},{"attributes":{"bold":"true"},"insert":"实时录制音视频流"},{"insert":" 的开关。\n"},{"insert":" ","attributes":{"image":"true","src":"https://lf3-volc-editor.volccdn.com/obj/volcfe/sop-public/upload_f40dd111ab9499948276ac81598f784f.png","alt":"alt","uuid":"WzrUZy019r","width":"959"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#步骤-3：配置服务器域名"}},{"insert":"步骤 3：配置服务器域名\n"},{"insert":"进入"},{"insert":"微信公众平台","attributes":{"hyperlink":"{\"href\":\"https://mp.weixin.qq.com/\",\"linkId\":\"iLXKknHBcw\",\"target\":\"_blank\"}"}},{"insert":" -> 【开发】 -> 【开发设置】，将如下域名配到服务器域名里：\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"bold":"true"},"insert":"request 合法域名"},{"insert":" ：以 https 开头的域名\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"fMvvdHujxV","language":"Plain Text"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"bold":"true"},"insert":"socket 合法域名"},{"insert":" ：以 wss 开头的域名\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"ajttl4NCLO","language":"Plain Text"}},{"insert":"\n"},{"insert":" ","attributes":{"image":"true","src":"https://p-vcloud.byteimg.com/tos-cn-i-em5hxbkur4/6e6c90edb64d4635ab75e4467e01889d~tplv-em5hxbkur4-noop.image?width=1280&height=442","alt":"image","uuid":"PNTvoamZeF","width":"1280"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#步骤-4：集成小程序-sdk"}},{"insert":"步骤 4：集成小程序 SDK\n"},{"attributes":{"lmkr":"1","list":"number1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"将解压后的 SDK 包复制到项目 "},{"attributes":{"inlineCode":"true"},"insert":"../lib"},{"insert":" 路径下。\n"},{"attributes":{"lmkr":"1","blockquote":"true"},"insert":"*"},{"insert":"为方便维护，建议重命名 SDK 包文件，例如（"},{"attributes":{"inlineCode":"true"},"insert":"miniapp-rtc.min.js"},{"insert":"，不带版本号）。当未来升级 SDK时，你只需要替换这个文件即可，而不需要修改任何引用了该文件的代码（如 import 或 require 语句）。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"oX1c0QIQlz","language":"Plain Text"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"2","origin-start":"2"},"insert":"*"},{"insert":"使用 "},{"attributes":{"inlineCode":"true"},"insert":"require"},{"insert":" 将小程序 SDK 集成到你的项目中。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"At59ly2RMc","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#步骤-5：实现功能"}},{"insert":"步骤 5：实现功能\n"},{"insert":"参考如下流程，完成你的项目。\n"},{"insert":" ","attributes":{"image":"true","src":"https://p-vcloud.byteimg.com/tos-cn-i-em5hxbkur4/8801f24d5a574ce182425130e2fc04e0~tplv-em5hxbkur4-noop.image?width=1315&height=1556","alt":"image","uuid":"lcBqs27aWb","width":"1315"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h3","anchor":"#创建-client-对象"}},{"insert":"创建 client 对象\n"},{"insert":"通过 "},{"attributes":{"inlineCode":"true"},"insert":"new Client"},{"insert":" 创建 client 对象。client 接口中包含的成员函数提供了音视频通话的核心功能，例如进入房间、发布和订阅音视频流等。\n"},{"insert":"将以下示例代码加入到 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"ImSTVGMglX","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h3","anchor":"#进入房间"}},{"insert":"进入房间\n"},{"insert":"调用 "},{"insert":"client.join","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78567#join\",\"linkId\":\"ouyejbhu\",\"target\":\"_self\"}"}},{"insert":" 方法初始化 client 对象和进入房间。\n"},{"insert":"将以下示例代码加入到 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"Sb2DGYNVQh","language":"typescript"}},{"insert":"\n"},{"attributes":{"lmkr":"1","blockquote":"true"},"insert":"*"},{"insert":"ROOMID 和 USERID 在同一 AppID 下唯一，你需要自行维护，参见"},{"insert":"赋值规范","attributes":{"hyperlink":"{\"href\":\"/docs/6348/70114\",\"linkId\":\"kq3nq6fn\",\"target\":\"_self\"}"}},{"insert":"。\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h3","anchor":"#发布音视频流"}},{"insert":"发布音视频流\n"},{"insert":"成功加入房间成功后，可以调用 "},{"insert":"client.publish","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78567#publish\",\"linkId\":\"w1clwxmo\",\"target\":\"_self\"}"}},{"insert":" 发布本地音视频流。成功发布后，SDK 会返回该路音视频流的 URL。\n"},{"attributes":{"lmkr":"1","list":"number1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"将 "},{"insert":"v-pusher","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78966#v-pusher\",\"linkId\":\"vlzkeioi\",\"target\":\"_self\"}"}},{"insert":" 组件引入到项目中。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.json"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"FSBIcBFaEy","language":"json"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"2","origin-start":"2"},"insert":"*"},{"insert":"调用 SDK 的 "},{"insert":"client.publish","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78567#publish\",\"linkId\":\"ldkveqty\",\"target\":\"_self\"}"}},{"insert":" 方法，获取到当前推流地址。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"I90PuXTOuq","language":"typescript"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"3","origin-start":"3"},"insert":"*"},{"insert":"将推流地址赋值给 "},{"insert":"v-pusher","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78966#v-pusher\",\"linkId\":\"lsg6vqrb\",\"target\":\"_self\"}"}},{"insert":" 组件。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.wxml"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"uVPA0wn6gy","language":"html"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"4","origin-start":"4"},"insert":"*"},{"insert":"通过 RTC SDK 收集媒体流状态和信息。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"CghkrU3EN0","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h3","anchor":"#订阅远端音视频流"}},{"insert":"订阅远端音视频流\n"},{"insert":"订阅流要在加入房间成功之后。\n"},{"attributes":{"lmkr":"1","list":"number1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"在 meeting 中引入 "},{"insert":"v-player","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78966#v-player\",\"linkId\":\"i4bp3frr\",\"target\":\"_self\"}"}},{"insert":" 组件。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.json"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"KxbrLKncjB","language":"json"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"2","origin-start":"2"},"insert":"*"},{"insert":"监听 "},{"insert":"VolcEngineRTCMiniappSDK.EVENTS.STREAM_ADDED","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78566#stream-added\",\"linkId\":\"2pwmmiwh\",\"target\":\"_self\"}"}},{"insert":" 事件，感知房间内流加入事件。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"v1LXgBfmn1","language":"typescript"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"3","origin-start":"3"},"insert":"*"},{"insert":"通过 "},{"insert":"v-player","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78966#v-player\",\"linkId\":\"c33qjqm3\",\"target\":\"_self\"}"}},{"insert":" 组件获取和播放远端音视频流。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.wxml"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"dF4kVMQ48W","language":"html"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"4","origin-start":"4"},"insert":"*"},{"insert":"通过 RTC SDK 收集媒体流状态和信息。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":"在 "},{"attributes":{"inlineCode":"true"},"insert":"meeting.ts"},{"insert":" 中添加以下示例代码。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"o0jH4woAG3","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h4","anchor":"#v-pusher"}},{"insert":"v-pusher\n"},{"insert":"传入参数如下：\n"},{"attributes":{"aceTable":"rs488uewnwaguvipjf84btwrhfkp24vuq0 cse9o6yf0mphfsso90wdseq3u4ewhhuwil"},"insert":"*"},{"insert":"\n"},{"insert":"live-pusher","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html\",\"linkId\":\"m2M4S1ssvE\",\"target\":\"_blank\"}"}},{"insert":" 提供了 2 个回调，监控上行媒体流状态。\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"bindstatechange","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html\",\"linkId\":\"rDVmrrnzFN\",\"target\":\"_blank\"}"}},{"insert":"：摄像头开启、视频编码、上行媒体流连接状态。可以根据该状态来提示用户是否发布成功。\n"},{"attributes":{"lmkr":"1","list":"bullet2","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"inlineCode":"true"},"insert":"1008"},{"insert":"：成功\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"inlineCode":"true"},"insert":"-1307"},{"insert":"：失败\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"bindnetstatus","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html\",\"linkId\":\"YjGdBiqniK\",\"target\":\"_blank\"}"}},{"insert":"：推流过程中的码率、帧率、分辨率等\n"},{"insert":"将以下示例代码加入到"},{"attributes":{"inlineCode":"true"},"insert":"v-pusher.wxml"},{"insert":"中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"MUYXXx5nWQ","language":"html"}},{"insert":"\n"},{"insert":"将以下示例代码加入到"},{"attributes":{"inlineCode":"true"},"insert":"v-pusher.js"},{"insert":"中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"ERk35o0oA8","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h4","anchor":"#v-player"}},{"insert":"v-player\n"},{"insert":"传入参数如下：\n"},{"attributes":{"aceTable":"rsqd0ksmvl1j3a9g9h6l2ybavojzm7dqt3 cse555gptq2f1g2tzqotmwmqvvmrn2houo"},"insert":"*"},{"insert":"\n"},{"insert":"live-player","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html\",\"linkId\":\"GM87h1PZxR\",\"target\":\"_blank\"}"}},{"insert":" 提供了 2 个回调，监控下行媒体流状态\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"bindstatechange","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html\",\"linkId\":\"vF1QTM3eYJ\",\"target\":\"_blank\"}"}},{"insert":"：服务器连接状态、解码、播放器启动等。可以根据该状态来判断获取和播放远端音视频流是否成功\n"},{"attributes":{"lmkr":"1","list":"bullet2","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"inlineCode":"true"},"insert":"2004"},{"insert":"：成功\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"attributes":{"inlineCode":"true"},"insert":"-2301"},{"insert":"：失败\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"bindnetstatuschange","attributes":{"hyperlink":"{\"href\":\"https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html\",\"linkId\":\"vm9NsqswCD\",\"target\":\"_blank\"}"}},{"insert":"：获取和播放远端音视频流过程中的码率、帧率、分辨率等\n"},{"insert":"将以下示例代码加入到"},{"attributes":{"inlineCode":"true"},"insert":"v-player.wxml"},{"insert":"中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"fVFVdWLv3l","language":"html"}},{"insert":"\n"},{"insert":"将以下示例代码加入到"},{"attributes":{"inlineCode":"true"},"insert":"v-player.js"},{"insert":"中。\n"},{"insert":" ","attributes":{"type":"codeblock","zoneId":"LvIWIJFOwT","language":"typescript"}},{"insert":"\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#步骤-6：运行和验证"}},{"insert":"步骤 6：运行和验证\n"},{"attributes":{"lmkr":"1","list":"number1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"打开微信开发者工具，点击小程序界面的【 + 】。\n"},{"attributes":{"lmkr":"1","list":"number1","start":"2","origin-start":"2"},"insert":"*"},{"insert":"在创建项目的界面中填入你的项目名称、目录、微信小程序的 App ID 等信息，点击【确定】。\n"},{"attributes":{"lmkr":"1","list":"indent1","text-indent":"true"},"insert":"*"},{"insert":" ","attributes":{"image":"true","src":"https://p-vcloud.byteimg.com/tos-cn-i-em5hxbkur4/e870f9e325da4fe2a97e0c1a38e82510~tplv-em5hxbkur4-noop.image?width=1600&height=1200","alt":"image.png","uuid":"GjyIbaT0Ff","width":"1600"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"number1","start":"3","origin-start":"3"},"insert":"*"},{"insert":"完成开发后，微信开发者工具上会出现小程序项目的界面。选择【真机调试】。点击右上角的【真机调试】，工具界面会出现一个真机调试的二维码。\n"},{"attributes":{"lmkr":"1","list":"number1","start":"4","origin-start":"4"},"insert":"*"},{"insert":"使用移动端微信 App 扫描二维码，进入调试界面。\n"},{"insert":"*","attributes":{"lmkr":"1","heading":"h2","anchor":"#相关文档"}},{"insert":"相关文档\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"API 详情","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78567\",\"linkId\":\"uqswgb55\",\"target\":\"_self\"}"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"回调","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78566\",\"linkId\":\"ga4z7ysi\",\"target\":\"_self\"}"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"错误码","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78565\",\"linkId\":\"m0ewgpfw\",\"target\":\"_self\"}"}},{"insert":"\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"常见问题\n"},{"attributes":{"lmkr":"1","list":"bullet1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"如何解决暂停接收远端视频流后音频出现高延时","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78920\",\"linkId\":\"9j2fhh31\",\"target\":\"_self\"}"}},{"insert":"\n"},{"attributes":{"list":"bullet1","text-indent":"true","lmkr":"1","start":"1","origin-start":"1"},"insert":"*"},{"insert":"如何解决异常中断后用户无法进房","attributes":{"hyperlink":"{\"href\":\"/docs/6348/78927\",\"linkId\":\"vs1w4ask\",\"target\":\"_self\"}"}},{"insert":"\n"},{"insert":"\n"}],"zoneId":"0","zoneType":"Z"},"fMvvdHujxV":{"ops":[{"insert":"https://common.rtc.volcvideo.com;\n"},{"insert":"https://common-hl.rtc.volcvideo.com;\n"},{"insert":"https://log.snssdk.com;\n"}],"zoneId":"fMvvdHujxV","zoneType":"Z"},"ajttl4NCLO":{"ops":[{"insert":"wss://ws.rtc.volcvideo.com;\n"},{"insert":"wss://ws-hl.rtc.volcvideo.com;\n"}],"zoneId":"ajttl4NCLO","zoneType":"Z"},"oX1c0QIQlz":{"ops":[{"insert":".\n"},{"insert":"├── components\n"},{"insert":"│ ├── v-player\n"},{"insert":"│ │ ├── v-player.js\n"},{"insert":"│ │ ├── v-player.json\n"},{"insert":"│ │ ├── v-player.wxml\n"},{"insert":"│ │ └── v-player.wxss\n"},{"insert":"│ └── v-pusher\n"},{"insert":"│ ├── 1.png\n"},{"insert":"│ ├── v-pusher.js\n"},{"insert":"│ ├── v-pusher.json\n"},{"insert":"│ ├── v-pusher.wxml\n"},{"insert":"│ └── v-pusher.wxss\n"},{"insert":"├── lib\n"},{"insert":"│ ├── miniapp-rtc.min.js\n"},{"insert":"├── pages\n"},{"insert":"│ ├── meeting\n"},{"insert":"│ │ ├── meeting.ts\n"},{"insert":"│ │ ├── meeting.json\n"},{"insert":"│ │ ├── meeting.wxml\n"},{"insert":"│ │ └── meeting.wxss\n"},{"insert":"\n"}],"zoneId":"oX1c0QIQlz","zoneType":"Z"},"At59ly2RMc":{"ops":[{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"VolcMiniappSdk"},{"insert":" = "},{"attributes":{"clientside-highlight":"hljs-built_in"},"insert":"require"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'../../lib/miniapp-rtc.min.js'"},{"insert":");\n"}],"zoneId":"At59ly2RMc","zoneType":"Z"},"ImSTVGMglX":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"onReady"},{"insert":"() {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":" = "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"new"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"VolcMiniappSdk"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Client"},{"insert":"();\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"init"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-variable constant_"},"insert":"APPID"},{"insert":") "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// APPID 的获取方式详见【步骤1】。"},{"insert":"\n"},{"insert":" },\n"},{"insert":"});\n"}],"zoneId":"ImSTVGMglX","zoneType":"Z"},"Sb2DGYNVQh":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"join"},{"insert":"() {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"join"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-variable constant_"},"insert":"TOKEN"},{"insert":", "},{"attributes":{"clientside-highlight":"hljs-variable constant_"},"insert":"ROOMID"},{"insert":", "},{"attributes":{"clientside-highlight":"hljs-variable constant_"},"insert":"USERID"},{"insert":") "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// Token 的获取方式详见【步骤1】"},{"insert":"\n"},{"insert":" }\n"},{"insert":"});\n"}],"zoneId":"Sb2DGYNVQh","zoneType":"Z"},"FSBIcBFaEy":{"ops":[{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"{"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"\"usingComponents\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":":"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"{"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"\"v-pusher\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":":"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"../../components/v-pusher/v-pusher\""},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"}"},{"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"}"},{"insert":"\n"}],"zoneId":"FSBIcBFaEy","zoneType":"Z"},"I90PuXTOuq":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"publish"},{"insert":"() {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"publish"},{"insert":"()."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"then"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"url"},{"attributes":{"clientside-highlight":"hljs-function"},"insert":" =>"},{"insert":" {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"pushUrl"},{"insert":": url\n"},{"insert":" })\n"},{"insert":" })\n"},{"insert":" }\n"},{"insert":"})\n"}],"zoneId":"I90PuXTOuq","zoneType":"Z"},"uVPA0wn6gy":{"ops":[{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"v-pusher"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"wx:if"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{pushUrl}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"id"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"volc-pusher\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"url"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{pushUrl}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enable-mic"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{true}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enable-camera"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{true}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"beauty"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{0}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bind:pusherstatechange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"pusherStateChange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bind:pushernetstatuschange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"pusherNetStatusChange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"/>"},{"insert":"\n"}],"zoneId":"uVPA0wn6gy","zoneType":"Z"},"CghkrU3EN0":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"pusherStateChange"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" target = e."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":";\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"reportPusherStateChange"},{"insert":"(\n"},{"insert":" target."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":",\n"},{"insert":" target."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"message"},{"insert":",\n"},{"insert":" );\n"},{"insert":" },\n"},{"insert":" \n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"pusherNetStatusChange"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" info = e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"info"},{"insert":";\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"reportPusherNetStatusChange"},{"insert":"(info);\n"},{"insert":" },\n"},{"insert":"})\n"},{"insert":"\n"}],"zoneId":"CghkrU3EN0","zoneType":"Z"},"KxbrLKncjB":{"ops":[{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"{"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"\"usingComponents\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":":"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"{"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"\"v-pusher\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":":"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"../../components/v-pusher/v-pusher\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":","},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"\"v-player\""},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":":"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"../../components/v-player/v-player\""},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"}"},{"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-punctuation"},"insert":"}"},{"insert":"\n"}],"zoneId":"KxbrLKncjB","zoneType":"Z"},"v1LXgBfmn1":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"data"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"remoteStreams"},{"insert":": [],\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"subscribe"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"uid, screen"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"subscribe"},{"insert":"(uid, { screen })."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"then"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"url"},{"attributes":{"clientside-highlight":"hljs-function"},"insert":" =>"},{"insert":" {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"remoteStreams"},{"insert":": [\n"},{"insert":" ..."},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"data"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"remoteStreams"},{"insert":",\n"},{"insert":" {\n"},{"insert":" uid,\n"},{"insert":" screen,\n"},{"insert":" url,\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"id"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"`"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":"${uid}"},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"-"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":"${screen ? "},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"1"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":" : "},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"0"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":"}"},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"`"},{"insert":"\n"},{"insert":" }\n"},{"insert":" ]\n"},{"insert":" })\n"},{"insert":" })\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"_handleClientEvents"},{"insert":"() {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"removeAllListeners"},{"insert":"();\n"},{"insert":" }\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"on"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"VolcEngineRTCMiniappSDK"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"EVENTS"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"STREAM_ADDED"},{"insert":", "},{"attributes":{"clientside-highlight":"hljs-function"},"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"attributes":{"clientside-highlight":"hljs-function"},"insert":") =>"},{"insert":" {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" { uid, screen } = e;\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"subscribe"},{"insert":"(uid, screen)\n"},{"insert":" })\n"},{"insert":" }\n"},{"insert":"})\n"}],"zoneId":"v1LXgBfmn1","zoneType":"Z"},"dF4kVMQ48W":{"ops":[{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"wx:for"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{remoteStreams}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"wx:key"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"id\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"player-container\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"v-player"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"url"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{item.url}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"uid"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{item.uid}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"screen"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{item.screen ? 1 : 0}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" \n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bind:playerstatechange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"playerStateChange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bind:playernetstatuschange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"playerNetStatusChange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" />"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"}],"zoneId":"dF4kVMQ48W","zoneType":"Z"},"o0jH4woAG3":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Page"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"playerNetStatusChange"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" uid = e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"uid"},{"insert":";\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" info = e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"e"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"info"},{"insert":";\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"reportPlayerNetStatusChange"},{"insert":"(uid, info);\n"},{"insert":" },\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"playerStateChange"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"const"},{"insert":" uid = e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"uid"},{"insert":";\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"client"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"reportPlayerStateChange"},{"insert":"(\n"},{"insert":" uid,\n"},{"insert":" e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"e"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":",\n"},{"insert":" e?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"e"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"?."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"message"},{"insert":",\n"},{"insert":" );\n"},{"insert":" },\n"},{"insert":"})\n"}],"zoneId":"o0jH4woAG3","zoneType":"Z"},"rs488uewnwaguvipjf84btwrhfkp24vuq0":{"ops":[{"attributes":{"backgroundColor":"{\"imb9elkc\":\"\",\"2rjnhg3m\":\"\",\"f9jv3qwe\":\"\",\"eav8lymg\":\"\"}"},"insert":{"id":"r140vbt11hc2t06d97q6fiickwvenc88iw"}},{"attributes":{"backgroundColor":"{\"f6sgwipb\":\"\",\"maloy5y4\":\"\",\"kwad6a2s\":\"\",\"kv3t7z28\":\"\"}"},"insert":{"id":"r1y5hzjq38b8qjbphz1j7g8lj6ymfju1ct"}},{"attributes":{"backgroundColor":"{\"hn868yup\":\"\",\"00h3tfi4\":\"\",\"5r17zkop\":\"\",\"qc8sgpmu\":\"\"}"},"insert":{"id":"r1r3gsw775ylc60p6b38gz373ut7c8uh5j"}},{"attributes":{"backgroundColor":"{\"za65u9lh\":\"\",\"3hqqmbd6\":\"\",\"kngps8h2\":\"\",\"56ys77dr\":\"\"}"},"insert":{"id":"r1huos3lpk0p245wqmsum4azulceqo1aoj"}},{"attributes":{"backgroundColor":"{\"lar5ueyy\":\"\",\"oaq7ooyu\":\"\",\"f9mf2c8u\":\"\",\"f6ozm67z\":\"\"}"},"insert":{"id":"r1musn57vzj61se4tfq3jpbpjmiouqj0c4"}}],"zoneId":"rs488uewnwaguvipjf84btwrhfkp24vuq0","zoneType":"R"},"cse9o6yf0mphfsso90wdseq3u4ewhhuwil":{"ops":[{"attributes":{"colWidth":"142","backgroundColor":"{\"imb9elkc\":\"\",\"f6sgwipb\":\"\",\"hn868yup\":\"\",\"za65u9lh\":\"\",\"lar5ueyy\":\"\"}"},"insert":{"id":"c1h5tn95k5u4sn06w7p0ahb3sz02rko8tl"}},{"attributes":{"colWidth":"226","backgroundColor":"{\"2rjnhg3m\":\"\",\"maloy5y4\":\"\",\"00h3tfi4\":\"\",\"3hqqmbd6\":\"\",\"oaq7ooyu\":\"\"}"},"insert":{"id":"c1imez0d0i1y78c9agny3nczlk5w0h2u9y"}},{"attributes":{"colWidth":"100","backgroundColor":"{\"f9jv3qwe\":\"\",\"kwad6a2s\":\"\",\"5r17zkop\":\"\",\"kngps8h2\":\"\",\"f9mf2c8u\":\"\"}"},"insert":{"id":"c1z88gi4jliw3jmq79u83b4bud5bpfmqen"}},{"attributes":{"colWidth":"100","backgroundColor":"{\"eav8lymg\":\"\",\"kv3t7z28\":\"\",\"qc8sgpmu\":\"\",\"56ys77dr\":\"\",\"f6ozm67z\":\"\"}"},"insert":{"id":"c18lcu1y8auyg8k1l04c8fiwaddeelt769"}}],"zoneId":"cse9o6yf0mphfsso90wdseq3u4ewhhuwil","zoneType":"C"},"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl":{"ops":[{"insert":"\n"},{"insert":"属性\n"}],"zoneId":"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl","zoneType":"Z"},"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1imez0d0i1y78c9agny3nczlk5w0h2u9y":{"ops":[{"insert":"\n"},{"insert":"含义\n"}],"zoneId":"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1imez0d0i1y78c9agny3nczlk5w0h2u9y","zoneType":"Z"},"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1z88gi4jliw3jmq79u83b4bud5bpfmqen":{"ops":[{"insert":"\n"},{"insert":"类型\n"}],"zoneId":"xr140vbt11hc2t06d97q6fiickwvenc88iwxc1z88gi4jliw3jmq79u83b4bud5bpfmqen","zoneType":"Z"},"xr140vbt11hc2t06d97q6fiickwvenc88iwxc18lcu1y8auyg8k1l04c8fiwaddeelt769":{"ops":[{"insert":"\n"},{"insert":"默认值\n"}],"zoneId":"xr140vbt11hc2t06d97q6fiickwvenc88iwxc18lcu1y8auyg8k1l04c8fiwaddeelt769","zoneType":"Z"},"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl":{"ops":[{"insert":"\n"},{"insert":"url\n"}],"zoneId":"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl","zoneType":"Z"},"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1imez0d0i1y78c9agny3nczlk5w0h2u9y":{"ops":[{"insert":"\n"},{"insert":"推流地址\n"}],"zoneId":"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1imez0d0i1y78c9agny3nczlk5w0h2u9y","zoneType":"Z"},"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1z88gi4jliw3jmq79u83b4bud5bpfmqen":{"ops":[{"insert":"\n"},{"insert":"string\n"}],"zoneId":"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc1z88gi4jliw3jmq79u83b4bud5bpfmqen","zoneType":"Z"},"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc18lcu1y8auyg8k1l04c8fiwaddeelt769":{"ops":[{"insert":"\n"},{"insert":"无\n"}],"zoneId":"xr1y5hzjq38b8qjbphz1j7g8lj6ymfju1ctxc18lcu1y8auyg8k1l04c8fiwaddeelt769","zoneType":"Z"},"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl":{"ops":[{"insert":"\n"},{"insert":"enableCamera\n"}],"zoneId":"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl","zoneType":"Z"},"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1imez0d0i1y78c9agny3nczlk5w0h2u9y":{"ops":[{"insert":"\n"},{"insert":"是否开启摄像头\n"}],"zoneId":"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1imez0d0i1y78c9agny3nczlk5w0h2u9y","zoneType":"Z"},"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1z88gi4jliw3jmq79u83b4bud5bpfmqen":{"ops":[{"insert":"\n"},{"insert":"boolean\n"}],"zoneId":"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc1z88gi4jliw3jmq79u83b4bud5bpfmqen","zoneType":"Z"},"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc18lcu1y8auyg8k1l04c8fiwaddeelt769":{"ops":[{"insert":"\n"},{"insert":"true\n"}],"zoneId":"xr1r3gsw775ylc60p6b38gz373ut7c8uh5jxc18lcu1y8auyg8k1l04c8fiwaddeelt769","zoneType":"Z"},"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl":{"ops":[{"insert":"\n"},{"insert":"enableMic\n"}],"zoneId":"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl","zoneType":"Z"},"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1imez0d0i1y78c9agny3nczlk5w0h2u9y":{"ops":[{"insert":"\n"},{"insert":"是否开启麦克风\n"}],"zoneId":"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1imez0d0i1y78c9agny3nczlk5w0h2u9y","zoneType":"Z"},"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1z88gi4jliw3jmq79u83b4bud5bpfmqen":{"ops":[{"insert":"\n"},{"insert":"boolean\n"}],"zoneId":"xr1huos3lpk0p245wqmsum4azulceqo1aojxc1z88gi4jliw3jmq79u83b4bud5bpfmqen","zoneType":"Z"},"xr1huos3lpk0p245wqmsum4azulceqo1aojxc18lcu1y8auyg8k1l04c8fiwaddeelt769":{"ops":[{"insert":"\n"},{"insert":"true\n"}],"zoneId":"xr1huos3lpk0p245wqmsum4azulceqo1aojxc18lcu1y8auyg8k1l04c8fiwaddeelt769","zoneType":"Z"},"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl":{"ops":[{"insert":"\n"},{"insert":"beauty\n"}],"zoneId":"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1h5tn95k5u4sn06w7p0ahb3sz02rko8tl","zoneType":"Z"},"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1imez0d0i1y78c9agny3nczlk5w0h2u9y":{"ops":[{"insert":"\n"},{"insert":"是否开启美颜和美颜等级\n"},{"insert":"取值范围 0 - 9\n"},{"insert":"0 代表不开启\n"}],"zoneId":"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1imez0d0i1y78c9agny3nczlk5w0h2u9y","zoneType":"Z"},"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1z88gi4jliw3jmq79u83b4bud5bpfmqen":{"ops":[{"insert":"\n"},{"insert":"number\n"}],"zoneId":"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc1z88gi4jliw3jmq79u83b4bud5bpfmqen","zoneType":"Z"},"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc18lcu1y8auyg8k1l04c8fiwaddeelt769":{"ops":[{"insert":"\n"},{"insert":"0\n"}],"zoneId":"xr1musn57vzj61se4tfq3jpbpjmiouqj0c4xc18lcu1y8auyg8k1l04c8fiwaddeelt769","zoneType":"Z"},"MUYXXx5nWQ":{"ops":[{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"pusher-view\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":""},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"live-pusher"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"pusher\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"url"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{url}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"mode"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"RTC\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"autopush"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"true\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"max-bitrate"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"500\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"min-bitrate"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"200\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"beauty"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{beauty}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindstatechange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"bindstatechange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindnetstatus"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"bindnetstatus\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enable-camera"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{enableCamera}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enable-mic"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{enableMic}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"aspect"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"3:4\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" />"},{"insert":"\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"info\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" {{state === 'init' ? '相机启动中' : state === 'error' ? '相机启动失败' : ''}}\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"}],"zoneId":"MUYXXx5nWQ","zoneType":"Z"},"ERk35o0oA8":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Component"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"properties"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"url"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"''"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enableCamera"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Boolean"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-literal"},"insert":"true"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"enableMic"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Boolean"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-literal"},"insert":"true"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"beauty"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Number"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"0"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// init: 启动中 ok: 正常推流 error: 推流失败"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'init'"},{"insert":",\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"data"},{"insert":": {},\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"lifetimes"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"ready"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (!"},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":" = wx."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"createLivePusherContext"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":");\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"detached"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"stop"},{"insert":"();\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"methods"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"stop"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"stop"},{"insert":"();\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"switchCamera"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePusherContext"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"switchCamera"},{"insert":"();\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindstatechange"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// emit to page"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"triggerEvent"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'pusherstatechange'"},{"insert":", e);\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (e."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":" === -"},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"1307"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'error'"},{"insert":",\n"},{"insert":" });\n"},{"insert":" }\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (e."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":" === "},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"1008"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"data"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"state"},{"insert":" === "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'init'"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'ok'"},{"insert":",\n"},{"insert":" });\n"},{"insert":" }\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindnetstatus"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// emit to page"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"triggerEvent"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'pushernetstatuschange'"},{"insert":", e);\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":"});\n"}],"zoneId":"ERk35o0oA8","zoneType":"Z"},"rsqd0ksmvl1j3a9g9h6l2ybavojzm7dqt3":{"ops":[{"attributes":{"backgroundColor":"{\"uhp7vwjc\":\"\",\"e43od2aj\":\"\",\"f4hu84o0\":\"\",\"fc2oebv3\":\"\"}"},"insert":{"id":"r155p5ge56nuflgv5hbob2o3njp9udkww1"}},{"attributes":{"backgroundColor":"{\"bzd0riau\":\"\",\"ee1jqlaj\":\"\",\"p06szaep\":\"\",\"jndib1t1\":\"\"}"},"insert":{"id":"r1lh0vmfwqc5otm0lszyr5b53k73ef6lf9"}},{"attributes":{"backgroundColor":"{\"imm7eydf\":\"\",\"chsot47u\":\"\",\"i0f3wzsq\":\"\",\"735ghe2f\":\"\"}"},"insert":{"id":"r1ba7ag9d2snie4hfuo62y2zuu1y8iev1n"}},{"attributes":{"backgroundColor":"{\"hj2wmvks\":\"\",\"jcmfe9ti\":\"\",\"hhwj9whl\":\"\",\"u1vjd06g\":\"\"}"},"insert":{"id":"r11rvqeamnrc668c5iz5m2rzahuykjkjj9"}}],"zoneId":"rsqd0ksmvl1j3a9g9h6l2ybavojzm7dqt3","zoneType":"R"},"cse555gptq2f1g2tzqotmwmqvvmrn2houo":{"ops":[{"attributes":{"colWidth":"100","backgroundColor":"{\"uhp7vwjc\":\"\",\"bzd0riau\":\"\",\"imm7eydf\":\"\",\"hj2wmvks\":\"\"}"},"insert":{"id":"c1t2hcshmpvj8tn2o7n6s8hspk56rduf6e"}},{"attributes":{"colWidth":"100","backgroundColor":"{\"e43od2aj\":\"\",\"ee1jqlaj\":\"\",\"chsot47u\":\"\",\"jcmfe9ti\":\"\"}"},"insert":{"id":"c1mbnevbep07c3kvy6b7m3igy7uslr8igq"}},{"attributes":{"colWidth":"100","backgroundColor":"{\"f4hu84o0\":\"\",\"p06szaep\":\"\",\"i0f3wzsq\":\"\",\"hhwj9whl\":\"\"}"},"insert":{"id":"c1quh6gyzft6p08l9msuuk7bnpr6mvnwol"}},{"attributes":{"colWidth":"100","backgroundColor":"{\"fc2oebv3\":\"\",\"jndib1t1\":\"\",\"735ghe2f\":\"\",\"u1vjd06g\":\"\"}"},"insert":{"id":"c19nekqcju9oo8bc63v86sygtopewcpu8f"}}],"zoneId":"cse555gptq2f1g2tzqotmwmqvvmrn2houo","zoneType":"C"},"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e":{"ops":[{"insert":"\n"},{"insert":"属性\n"}],"zoneId":"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e","zoneType":"Z"},"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1mbnevbep07c3kvy6b7m3igy7uslr8igq":{"ops":[{"insert":"\n"},{"insert":"含义\n"}],"zoneId":"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1mbnevbep07c3kvy6b7m3igy7uslr8igq","zoneType":"Z"},"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol":{"ops":[{"insert":"\n"},{"insert":"类型\n"}],"zoneId":"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol","zoneType":"Z"},"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc19nekqcju9oo8bc63v86sygtopewcpu8f":{"ops":[{"insert":"\n"},{"insert":"默认值\n"}],"zoneId":"xr155p5ge56nuflgv5hbob2o3njp9udkww1xc19nekqcju9oo8bc63v86sygtopewcpu8f","zoneType":"Z"},"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e":{"ops":[{"insert":"\n"},{"insert":"url\n"}],"zoneId":"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e","zoneType":"Z"},"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1mbnevbep07c3kvy6b7m3igy7uslr8igq":{"ops":[{"insert":"\n"},{"insert":"拉流地址\n"}],"zoneId":"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1mbnevbep07c3kvy6b7m3igy7uslr8igq","zoneType":"Z"},"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol":{"ops":[{"insert":"\n"},{"insert":"string\n"}],"zoneId":"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol","zoneType":"Z"},"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc19nekqcju9oo8bc63v86sygtopewcpu8f":{"ops":[{"insert":"\n"},{"insert":"无\n"}],"zoneId":"xr1lh0vmfwqc5otm0lszyr5b53k73ef6lf9xc19nekqcju9oo8bc63v86sygtopewcpu8f","zoneType":"Z"},"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e":{"ops":[{"insert":"\n"},{"insert":"uid\n"}],"zoneId":"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e","zoneType":"Z"},"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1mbnevbep07c3kvy6b7m3igy7uslr8igq":{"ops":[{"insert":"\n"},{"insert":"流的发布者\n"}],"zoneId":"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1mbnevbep07c3kvy6b7m3igy7uslr8igq","zoneType":"Z"},"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1quh6gyzft6p08l9msuuk7bnpr6mvnwol":{"ops":[{"insert":"\n"},{"insert":"string\n"}],"zoneId":"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc1quh6gyzft6p08l9msuuk7bnpr6mvnwol","zoneType":"Z"},"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc19nekqcju9oo8bc63v86sygtopewcpu8f":{"ops":[{"insert":"\n"},{"insert":"无\n"}],"zoneId":"xr1ba7ag9d2snie4hfuo62y2zuu1y8iev1nxc19nekqcju9oo8bc63v86sygtopewcpu8f","zoneType":"Z"},"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e":{"ops":[{"insert":"\n"},{"insert":"screen\n"}],"zoneId":"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1t2hcshmpvj8tn2o7n6s8hspk56rduf6e","zoneType":"Z"},"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1mbnevbep07c3kvy6b7m3igy7uslr8igq":{"ops":[{"insert":"\n"},{"insert":"流是否为屏幕共享流\n"}],"zoneId":"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1mbnevbep07c3kvy6b7m3igy7uslr8igq","zoneType":"Z"},"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol":{"ops":[{"insert":"\n"},{"insert":"0 | 1\n"}],"zoneId":"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc1quh6gyzft6p08l9msuuk7bnpr6mvnwol","zoneType":"Z"},"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc19nekqcju9oo8bc63v86sygtopewcpu8f":{"ops":[{"insert":"\n"},{"insert":"0\n"}],"zoneId":"xr11rvqeamnrc668c5iz5m2rzahuykjkjj9xc19nekqcju9oo8bc63v86sygtopewcpu8f","zoneType":"Z"},"fVFVdWLv3l":{"ops":[{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"player-view\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":""},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"live-player"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"src"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{url}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"id"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"v-player-{{uid}}-{{screen}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"data-uid"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{uid}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"player\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"mode"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"RTC\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"autoplay"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"true\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"object-fit"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"fillCrop\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"background-mute"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"true\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindstatechange"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"bindstatechange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindnetstatus"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"bindnetstatuschange\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"debug"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"{{true}}\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" />"},{"insert":"\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"<"},{"attributes":{"clientside-highlight":"hljs-name"},"insert":"view"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"class"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":"="},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"\"info\""},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":">"},{"insert":"\n"},{"insert":" {{state === 'init' ? '播放器启动中' : state === 'error' ? '播放器启动失败' : ''}}\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"},{"attributes":{"clientside-highlight":"hljs-tag"},"insert":""},{"insert":"\n"}],"zoneId":"fVFVdWLv3l","zoneType":"Z"},"LvIWIJFOwT":{"ops":[{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"Component"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"properties"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"url"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"''"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"uid"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"''"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"screen"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// '0' camera stream '1' screen stream"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'0'"},{"insert":",\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"type"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-title class_"},"insert":"String"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// init: 启动中 ok: 正常推流 error: 推流失败"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"value"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'init'"},{"insert":",\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"data"},{"insert":": {},\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"lifetimes"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"ready"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (!"},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePlayerContext"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePlayerContext"},{"insert":" = wx."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"createLivePlayerContext"},{"insert":"(\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"`v-player-"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":"${"},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":".data.uid}"},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"-"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":"${"},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"attributes":{"clientside-highlight":"hljs-subst"},"insert":".data.screen}"},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"`"},{"insert":",\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":",\n"},{"insert":" );\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"detached"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" () {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePlayerContext"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"livePlayerContext"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"stop"},{"insert":"();\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"methods"},{"insert":": {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindstatechange"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// emit to page"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"triggerEvent"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'playerstatechange'"},{"insert":", { "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"uid"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"data"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"uid"},{"insert":", e });\n"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (e."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":" === "},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"2004"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"data"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"state"},{"insert":" === "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'init'"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'ok'"},{"insert":",\n"},{"insert":" });\n"},{"insert":" }\n"},{"insert":" } "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"else"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"if"},{"insert":" (e."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"detail"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"code"},{"insert":" === -"},{"attributes":{"clientside-highlight":"hljs-number"},"insert":"2301"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"setData"},{"insert":"({\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"state"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'error'"},{"insert":",\n"},{"insert":" });\n"},{"insert":" }\n"},{"insert":" },\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"bindnetstatuschange"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-keyword"},"insert":"function"},{"insert":" ("},{"attributes":{"clientside-highlight":"hljs-params"},"insert":"e"},{"insert":") {\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-comment"},"insert":"// emit to page"},{"insert":"\n"},{"insert":" "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-title function_"},"insert":"triggerEvent"},{"insert":"("},{"attributes":{"clientside-highlight":"hljs-string"},"insert":"'playernetstatuschange'"},{"insert":", { "},{"attributes":{"clientside-highlight":"hljs-attr"},"insert":"uid"},{"insert":": "},{"attributes":{"clientside-highlight":"hljs-variable language_"},"insert":"this"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"data"},{"insert":"."},{"attributes":{"clientside-highlight":"hljs-property"},"insert":"uid"},{"insert":", e });\n"},{"insert":" },\n"},{"insert":" },\n"},{"insert":"});\n"}],"zoneId":"LvIWIJFOwT","zoneType":"Z"}}}

实时音视频