Android uni-app 封装原生插件

- 日理万妓 2022-12-28 12:41 423阅读 0赞

## 前言 ##

> 据广大用户的需求，需要把我们anyRTC的SDK，封装到uni-app来使用，并且实现音视频通话。这边文章图文讲解一下怎么封装原生插件，并且在下一章uni-app实现音视频通话。

[anyRTC开发者中心][anyRTC]

## 1.uni-app是什么？ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70]  
一个使用Vue.js开发所有前端应用框架,开发者编写一套代码,可发布到ios、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。  
如果你还没有了解uni-app是什么：[点击这里：这篇文章举例说明。][Link 1]

## 2.uni-app的特点 ##

1、跨平台更多

*  真正做到“一套代码、多端发行”！
 *  条件编译：优雅的在一个项目里调用不同平台的特色功能！

2、运行体验好

*  组件、api与微信小程序一致
 *  兼容weex原生渲染

3、通过技术栈，学习成本低

*  vue的语法、微信小程序的api
 *  内嵌mpvue

4、开放生态，组件更丰富

5、支持通过npm安装第三方包

6、支持微信小程序自定义组件及SDK

7、兼容mpvue组件及项目

8、App端支持和原生混合编码

9、DCloud将发布插件市场

## 3.uni-app封装原生插件 ##

### 3.1 Android离线SDK下载： ###

[点击下载][Link 2]，两个SDK均可。![img][]

下载完成，解压备用：![img][img 1]

### 3.2 新建Android项目 ###

打开Android Studio，建立一个No Activity项目。在菜单栏选择**File>New>New Project**

![img][img 2]

然后Next：填写项目名，包名，已经API Level。

![img][img 3]

然后Finish，为了更好的使用，我们把它转到Project视图。接下来创建开发的模块（Module）

点击**File>New>New Module.**

**![img][img 4]**

然后选择Android Library，点击Next：

![img][img 5]

自定义Library名 和包名，点击Finish

![img][img 6]

创建完毕视图如下：

**![img][img 7]**

接下来打开testplugin项目里的build.gradle，将原生的dependencies下默认生成的依赖注释掉，添加uni-app所需库的依赖：

compileOnly "com.android.support:recyclerview-v7:28.0.0"
    compileOnly "com.android.support:support-v4:28.0.0"
    compileOnly "com.android.support:appcompat-v7:28.0.0"
    implementation 'com.alibaba:fastjson:1.1.46.android'
    implementation 'com.facebook.fresco:fresco:1.13.0'
    复制代码

添加完成如下图所示：![img][img 8]

另外把导入的**uniapp-release.aar**插件，它是扩展module主要依赖库

![img][img 9]

回到刚刚创建的testplugin的build.gradle中，接下来进行导入aar需要的配置操作：

添加： 放在android\{\}外

repositories {
        flatDir {
            dirs 'libs'
        }
    }
    复制代码

然后在dependencies内添加：

compileOnly fileTree(dir: '../app/libs', include: ['uniapp-release.aar'])
    复制代码

添加完毕，如下图：![img][img 10]

然后 **同步 Sync Now**!

###  ###

### 3.3 原生插件的开发 ###

以扩展Module为例，如图创建类TestModule：

![img][img 11]

Module扩展注意事项：

![img][img 12]

写一个小demo：

import android.util.Log;
    import com.alibaba.fastjson.JSONObject;
    import com.taobao.weex.annotation.JSMethod;
    import com.taobao.weex.bridge.JSCallback;
    import com.taobao.weex.common.WXModule;
    
    public class TestModule extends WXModule{ 
        String NAME="name";
        String AGE ="age";
    
        @JSMethod(uiThread = true)
        public void testText(JSONObject options, JSCallback callBack){ 
            Log.e("TestModule", "成功调用!" );
            String name =options.getString(NAME);
            String age =options.getString(AGE);
            JSONObject data =new JSONObject();
            if (name !=null && !name.isEmpty() && age !=null && !age.isEmpty()){ 
                int _age =Integer.parseInt(age);
                if (_age<0 || _age>30){ 
                    data.put("code","不合格!");
                }else { 
                    age=(_age>0 && _age<10) ? "0"+age:age;
                    data.put("code","合格:"+"姓名_"+name+",年龄_"+age);
                }
            }else { 
                data.put("code","输入无效!");
            }
            callBack.invoke(data);
        }
    }

#### 3.3.1 注册插件： ####

**方法（一）**：

在**app>src>main**目录下创建**assets**文件夹

![img][img 13]

![img][img 14]

![img][img 15]

在**app>src>main>assets**目录下创建 **dcloud\_uniplugins.json** 文件，然后添加：

{ 
      "nativePlugins": [
        { 
          "plugins": [
            { 
              "type": "module",
              "name": "Test-Module",
              "class": "com.test.testplugin.TestModule"
            }
          ]
        }
      ]
    }

**方法（二）**：

对创建的Module扩展testplugin进行操作，在 src>main>java>插件包名(这里是com.test.testplugin)目录下创建类TestModule\_AppProxy

![img][img 16]

![img][img 17]

TestModule\_AppProxy类要实现AppHookProxy接口，在onCreate（）方法中添加weex注册相关参数或填写插件需要在启动时初始化的逻辑。

![img][img 18]

在**hooksClass**节点填入你创建的实现AppHookProxy接口的实体类的完整名称 (注：有些需要初始化操作的需求可以在此处添加逻辑，无特殊操作仅使用第一种方式注册即可无需集成AppHookProxy接口)

![img][img 19]

注册完毕，开始打包插件

#### 3.3.2 打包插件： ####

在Gradle>testplugin>Tasks>other目录下找到assembleRelease，双击等待系统编译出扩展module的aar文件

注意：官方文档中是

**选择**

**Gradle—>插件module—>Tasks—>build—>assembleRelease编译module的aar文件**

，在新版本的AndroidStudio中,**assembleRelease**和**assembleDebug**被转移到other目录下。

![img][img 20]

![img][img 21]

![img][img 22]

![img][img 23]

成功后在testplugin>build>outputs>aar目录下就可以找到相关插件了

![img][img 24]

##  ##

## 4.HBuilderX导入和使用本地插件 ##

创建uni-app默认项目TestModule

![img][img 25]

参照官方文档中的目录规范，将刚才打包的插件放到nativeplugins>插件文件夹名称（我的是Test-Module）>android目录下，没有相关目录就一步步创建。

![img][img 26]

创建[package.json——uni原生插件描述文件][package.json_uni]，放到插件文件夹名称目录下，与android文件夹并列

![img][img 27]

**注意**：插件标识id必须在对应android和ios节点下plugins中进行注册，与name字段值一致。name下的class是注册插件的类名，也要填对。

这里因为只有android插件，就把ios节点全部删掉，在这里直接注释的话是无效的。

![img][img 28]

还有要注意的一点：插件标识id一定要与插件文件夹名称一致，不然在云打包时会提示 **插件不合法：该插件在nativePlugins目录下不存在。**

在manifest.json下配置App原生插件

![img][img 29]

勾选并确认

![img][img 30]

parameters信息根据需求配置

![img][img 31]

接下来在HBuilderX内对项目中的index.vue文件（在pages>index目录下）做出一定更改，以便后续测试开发的原生插件。

<template>
        <view class="container">
            姓名<input v-model="name" placeholder="点此编辑姓名" >
            <br>
            年龄<input v-model="age" placeholder="点此编辑年龄" >
            <br>
            <button type="default" @click="test">提交</button>
            <view>{ { name}}</view>
            <view>{ { age}}</view>
            <view>{ {  result }}</view>
        </view>
    </template>
    
    <script>
        var testModule = uni.requireNativePlugin("Test-Module");
        export default { 
            data() { 
                return { 
                    name:"",
                    age:"",
                    result:"暂未提交"
                }
            },
            methods: { 
                test(){ 
                    testModule.testText({ 
                        'name':this.name,
                        'age':this.age,
                    },
                    (ret) =>{ 
                        this.result="[提交反馈]"+ret.code;
                    })
                }
            }
        }
    </script>

![img][img 32]

##  ##

## 5.运行项目 ##

打包自定义基座：

运行®>运行到手机或模拟器(N)>制作自定义调试基座§

![img][img 33]

配置App云端打包信息：

![img][img 34]

云端打包：

![img][img 35]

提交到云端服务器：

![img][img 36]

打包成功：

![img][img 37]

打包成功后需要在下图位置确保开启自定义调试基座功能：

![img][img 38]

![img][img 39]

启动模拟器，或者真机运行：

![img][img 40]

**进入测试项目：**

![img][img 41]

输入姓名tom和年龄9（大于0小于10前面自动补0）测试插件，点击提交

![img][img 42]

反馈提交结果

![img][img 43]

把年龄改为31（插件设置年龄范围为0~30），反馈如下

![img][img 44]

至此，测试成功！

## 6.离线打包测试 ##

### 6.1 配置AndroidManifest.xml ###

**在**app\*\*>**src**>**main**下配置**AndroidManifest.xml**文件  
\*\*

### 6.2 引入打包资源 ###

\*\*进入下载好后的安卓离线SDK文件夹，在目录  
\*\*

latest\\2.9.8\\Android-SDK@2.9.8.80513\_20201111\\SDK\\libs下找到：

*  **lib.5plus.base-release.aar**
 *  \*\***[android-gif-drawable-release@1.2.17.aar][android-gif-drawable-release_1.2.17.aar]**  
    \*\*
 *  \*\*\****\*\*msa\_mdid\_1.0.13.aar\*\**\***
    
    --------------------
 *  \*\*\*\*\*\*\*\*\*\***uniapp-release.aar**
    
    --------------------

四个文件，复制到自定义的新文件夹方便使用

在目录 latest\\2.9.8\\Android-SDK@2.9.8.80513\_20201111\\SDK\\assets

下找到data文件夹，打开可以发现下图几个文件。

![img][img 45]

和上面的aar包放在同一个文件里，方便取用！

### 6.3 离线打包 ###

如图，在**发行§选项**>**原生APP-本地打包（L）\*\*中选择\*\*生成本地打包App资源（R）**。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center]

显示导出成功，顺着路径将自己项目id名的文件夹拷贝，放到上一步自定义的文件夹下，方便使用。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 1]

将离线打包出来的文件和上面的文件一样放在一个目录，方便取用！我的是\_\_UNI\_\_179390F

### 6.4 配置Android Studio ###

打开AndroidStudio，如下图将

*  **lib.5plus.base-release.aar**
 *  \*\***[android-gif-drawable-release@1.2.17.aar][android-gif-drawable-release_1.2.17.aar]**  
    \*\*
 *  \*\*\*\***msa\_mdid\_1.0.13.aar**
    
    --------------------

三个文件复制粘贴到libs目录下

（上面添加依赖时已经导入uniapp-release.aar了）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 2]

接下来在android\{\}内添加：

aaptOptions { additionalParameters '--auto-add-overlay'  ignoreAssetsPattern "!.svn:!.git:.*:!CVS:!thumbs.db:!picasa.ini:!*.scc:*~"  }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 3]

在dependencies添加：

implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation fileTree(dir: 'libs', include: ['*.aar'])
    
    implementation "com.android.support:support-v4:28.0.0"
    implementation "com.android.support:appcompat-v7:28.0.0"
    
    /*uniapp所需库-----------------------开始*/
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    implementation 'com.facebook.fresco:fresco:1.13.0'
    implementation "com.facebook.fresco:animated-gif:1.13.0"
    /*uniapp所需库-----------------------结束*/
    // 基座需要，必须添加
    implementation 'com.github.bumptech.glide:glide:4.9.0'
    implementation 'com.alibaba:fastjson:1.1.46.android'
    implementation project(path: ':testplugin')  //引用原始插件module

添加：

repositories {   flatDir {    dirs 'libs'  }}

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 4]

回到build.gradle(**app**)页面最上边，配置app版本号。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 5]

compileSdkVersion为编译版本，buildToolsVersion为构建工具版本，applicationId为创建时的包名，minSdkVersion为兼容最小的版本号，targetSdkVersion为目标版本，有兴趣的可以百度一下三者之间的区别和联系。

versionCode需要设定一个数值，一般初始为1，更新版本时versionCode的值需要做出更改，每次都要比前一个设置的值大，否则无法正常安装。

versionName一般填写主版本号次版本号和修正号，如图中的“1.0.0”为最初版本号，其余的可以自行查阅。

然后同步处理

![在这里插入图片描述][20201217103626723.png_pic_center]

同步完成

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 6]

把刚刚转移到自定义文件夹下的data文件夹拷贝到**app**>src>**main**>**assets**目录文件夹下。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 7]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 8]

继续在刚刚创建的assets文件夹下创建**apps**文件夹，把刚刚进行本地打包资源处理后的文件（我的是\_\_UNI\_\_179390F）拷贝到apps文件夹下。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 9]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 10]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 11]

### 6.5 自定义基座的配置 ###

在app目录下，将assets下apps文件夹中的**manifest.json**文件和data文件夹中的dcloud\_control.xml文件打开，确保manifest.json中的**id**和dcloud\_control.xml中的**appid**一致（不一致会出现白屏等状况）。

并设置根节点的**debug**和**syncDebug**为**true**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 12]

条件配置完毕

### 6.6 名称配置 ###

在**app**>**src**>**main**>**res**>**values**配置**strings.xml**文件，打开xml文件，与刚刚引入本地打包资源的里的**manifest.json**文件比较，发现名字不一致，遂把strings.xml里的name改为“TestModule”。

（注：manifest.json文件在

assets>apps>\_\_UNI\_\_179390F>www目录下）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 13]

**至此点击运行就可以啦，真机和模拟器都可以！**

![img][img 46]

--------------------

完结！

作者：anyRTC-东慕雨  
anyRTC官网：[https://www.anyrtc.io/][https_www.anyrtc.io]  
链接：[https://juejin.cn/post/6904902110505402376][https_juejin.cn_post_6904902110505402376]

[anyRTC]: https://docs.anyrtc.io/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70]: /images/20221120/1613e5558527427098d4afe5c7159a51.png
[Link 1]: https://www.cnblogs.com/leechenxiang/p/10420464.html
[Link 2]: https://nativesupport.dcloud.net.cn/AppDocs/download/android
[img]: /images/20221120/ae88ff5b02ef4386adbf93239e610cab.png
[img 1]: /images/20221120/6a595de8f52a4dc899eacabc0a516267.png
[img 2]: /images/20221120/74a4dba0ec7c4649a5a94188d237df33.png
[img 3]: /images/20221120/a8e74d4e8c834a6088674906a624234e.png
[img 4]: /images/20221120/fba9e48c4c9c433ca20837d21f80f684.png
[img 5]: /images/20221120/12b7f02660f04ed492a6d52f5e470ee2.png
[img 6]: /images/20221120/66c40e47b1e440d09ca3413c4e4cb145.png
[img 7]: /images/20221120/0e69bc437b1846f481d93c580487466b.png
[img 8]: /images/20221120/be9ad252b0f344c29eff7ef05dc4200f.png
[img 9]: /images/20221120/9136649e00524a6daabbdc61f286bf78.png
[img 10]: /images/20221120/ca52b20ea0ad4fc983d749a271de16b2.png
[img 11]: /images/20221120/b6d2f66724464740a9fc8387d4a02d91.png
[img 12]: /images/20221120/d8b25f7e3abd485b878e6feae80553f3.png
[img 13]: /images/20221120/dcece53e40664b2498297a2e233a7179.png
[img 14]: /images/20221120/663af6a43c5243ebaae174159af2fc29.png
[img 15]: /images/20221120/f1a25925f50e425088a54373db93bd92.png
[img 16]: /images/20221120/c450f0d430954bfdb6abb6d1a2d0b641.png
[img 17]: /images/20221120/8643ab4b258f4f33bba5bb0373e0d05a.png
[img 18]: /images/20221120/b900f11dbdf54fd3b6ae06e36b53ff2d.png
[img 19]: /images/20221120/074239a883be4147b0d8ba1ebb3e6b55.png
[img 20]: /images/20221120/f8d7dcab573446c796a421efca1c2039.png
[img 21]: /images/20221120/1f0c9f9c030a4d88b3f6299984758846.png
[img 22]: /images/20221120/b81be80ccd0940b091d052d297366b5f.png
[img 23]: /images/20221120/73558e114e52476cae82eef0865cc927.png
[img 24]: /images/20221120/62fdee714dd74e1f83477b332210d369.png
[img 25]: /images/20221120/30a54028cdc2456caaf912fa1b108749.png
[img 26]: /images/20221120/0cefb7e785784973ba6cbc23572ea3ea.png
[package.json_uni]: https://nativesupport.dcloud.net.cn/NativePlugin/course/package
[img 27]: /images/20221120/a685bac143f241c2ac045bd28d70f092.png
[img 28]: /images/20221120/9d6e42489f8044989f2e5d34904d6e32.png
[img 29]: /images/20221120/1f437f8aa715401e844e27db58685222.png
[img 30]: /images/20221120/731b72f71d004aa8927a1632f639a231.png
[img 31]: /images/20221120/97819031e89244c792678053a9962762.png
[img 32]: /images/20221120/123eea02fd2b4eaa9ac968be26900729.png
[img 33]: /images/20221120/ddf44ee8ba9b475b99d27918932dda6f.png
[img 34]: /images/20221120/3abf29cf4dcd4156976a0382e7319bff.png
[img 35]: /images/20221120/942b5f21c3c04f0e8802689e0d578a0c.png
[img 36]: /images/20221120/2e4cf85a64c742c9a9341fc61da5c7ce.png
[img 37]: /images/20221120/32480e4a448b4b4ba17645318bfab246.png
[img 38]: /images/20221120/6a5eb3d2a13c4fc7999a1d0ec64e46d6.png
[img 39]: /images/20221120/3ffcd986820943e6996959566e1a3790.png
[img 40]: /images/20221120/d08edacffb5f42c3a235f8b68c8450ad.png
[img 41]: /images/20221120/ad98da88bdd14bbea8315390f62636f0.png
[img 42]: /images/20221120/fc82845d082c48dcac2f2c17d10c4e4f.png
[img 43]: /images/20221120/076dd713848b444d96539107460abe4f.png
[img 44]: /images/20221120/232c8b5839bf414b91659860c0431ab6.png
[android-gif-drawable-release_1.2.17.aar]: mailto:android-gif-drawable-release@1.2.17.aar
[img 45]: /images/20221120/8d90e8c4fb9a4b63b9f25c935ea7147d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/1f43ec2cd0fd41c6a28a69703ab38960.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/f19669e159ac40b594ba3062d32c819b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/3328d5ca69fb4bde9e66bdcc4e7f3291.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221120/f55b204cbf7b43939a43d81cc670cce3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221120/d28959658a2c458e8aabad7e4538851b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221120/82065713679e4d4ebacd38d78a44c9a9.png
[20201217103626723.png_pic_center]: /images/20221120/2cb28a6b84234fe6a5ace43baf70001b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221120/a6be10f1569a4a9ea78ac1e89ef6e88d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221120/88d22bd8d4cf45dd8b4e3a954db8f7ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221120/49baf5ac64994f90b6851dfcc5818f0f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221120/b0cf65dcb24748ee84ebd3ce96e8f508.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221120/9cc0aafda660412eb1d76e790135cabd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221120/53a59eacf023431a9b69c27e0e0868eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221120/2e264443ed54442f9623e77b23da1a9a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueVJUQw_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221120/8c1c692ca34646d28dde5ed9f0dea315.png
[img 46]: https://img-blog.csdnimg.cn/img_convert/e3ebe3cdc3aa91d950327da9d2aaf068.png
[https_www.anyrtc.io]: https://www.anyrtc.io/
[https_juejin.cn_post_6904902110505402376]: https://juejin.cn/post/6904902110505402376