anyRTC 音视频 uni 插件集成步骤

缺乏、安全感 2023-01-17 10:58 264阅读 0赞

## 快速跑通 Demo ##

开始之前请先下载 [HBuilderX][] 并登录，并完成 uni 开发者相关认证等。

**步骤**

1.  浏览器打开插件主页
2.  点击右侧 使用 [HBuilderX][HBuilderX 1] 导入示例项目（你也可以选择下载 ZIP 文件）  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70][]
3.  根据提示操作，来到 HBuilderX 界面，点击创建  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 1][]
4.  创建完成过回到 HBuilderX ,打开 mainfest.json ，点击基础配置，将可以看到 系统自动获取的 AppId。  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 2][]
5.  接着，回到 [插件主页][HBuilderX 1],点击购买插件。  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 3][]

按步骤操作，输入应用包名。  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 4][]

1.  回到 HBuilderX ，点击 App 原生插件配置，选择云端插件，选择刚刚购买的插件。  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 5][]
2.  制作自定义基座，如果你会原生开发，可以生成本地 App 开发资源，到原生环境去打包。不会的话，请选择 uni 的云打包。

步骤：

*  运行
 *  运行到手机或模拟器
 *  制作自定义基台  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 6][]

注意：云打包的时候，如果你的 uni 开发者帐号未完成社区身份验证，则会出现下图内容  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 7][]

只需根据它的提示完成验证即可。 验证完成按上面步骤 7 重新打包即可。

打包成功后，控制台会输出  
![20210429102316603.png][]

此时自定义基座，已经成功生成，在**输出的目录找到 apk ,安装在手机上即可**。注意了，这里要安装基座才行。

*  有了自定义基座，我们就可有开始运行这个项目了，但在这之前，我们得先选择自定义基座，再配置 anyRTC 的开发者信息。
 *  选择自定义基座  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 8][]
 *  配置开发者信息

如果你还未注册 anyRTC 开发者帐号，请前往 anyRTC [官网注册][Link 1]，并创建一个 App。并复制 AppId 填入下方文件中。

**AppId**：anyRTC 生成的应用ID

**channel**:频道，多台设备进入同一个频道即可通信

**uid**:在频道内的个人id

uid 和 channel 可不填写，代码里已生成  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 9][]

1.  运行。  
    ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 10][]

## 常见问题 ##

1.  joinChannl of undefined  
    一般都是插件未引入成功，请仔细检查是否有配置原生插件以及选择自定义基座。
2.  一直转圈圈正在加入？  
    这是因为没加入频道成功。如果插件配置好了，并且已经注册获取 anyRTC AppId,请检查 AppId 是否填写正确

作者：anyRTC - 海岸

[HBuilderX]: https://www.dcloud.io/hbuilderx.html
[HBuilderX 1]: https://ext.dcloud.net.cn/plugin?id=3661
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70]: /images/20221021/9fc39398e6df4fa5aad5daa231e0a0e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 1]: /images/20221021/710af583a30943fbbb06fcca74ed26a7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 2]: /images/20221021/adfb0581ab31425693d18dee5f952147.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 3]: /images/20221021/176e2467cb324e85ae5471c88e7da096.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 4]: /images/20221021/af04493ebd654fe7a61343f359e9af3e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 5]: /images/20221021/8317f642afc34adfaf231958fe16b726.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 6]: /images/20221021/a2d452d6e8b6465fbe782e588c4278ad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 7]: /images/20221021/20e999001ad74665aab42049f790a0a8.png
[20210429102316603.png]: /images/20221021/2e4580e66df0453286b608625ee5a8b5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 8]: /images/20221021/3e47f1f227344c34a64b7a58cefb1342.png
[Link 1]: https://console.anyrtc.io/signup
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 9]: /images/20221021/eaa712142bc74da7bc87a52a3d6db342.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70 10]: /images/20221021/a44f2b2e8c4d413681e26fb62b3c513e.png