更新记录

1.3（2021-02-24）

随官方更新，修复已知bug，优化性能，请使用最新版编辑器打包。

1.1（2021-02-18）

更新目录， 下个版本更新会额外加入一个 demo

这个demo是这个插件应用在 实际uniapp 项目的 实际演示效果。

这样可以看到更加直观的效果，结合到实际运作项目的效果。

只是多个demo，不影响云打包。

1.0（2021-01-04）

2021年1月1日第一个1.0版本发布

功能亮点：

对接了美颜直播的所有特效功能，完。

后续如需更新一些内容请在评论下反馈。

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

@TOC

插件下载地址： https://ext.dcloud.net.cn/plugin?id=3800

美狐直播美颜sdk-uniapp官方合作发布插件说明-一颗优雅草科技

关于山东小狐狸网络科技有限公司的介绍：

山东小狐狸网络科技有限公司 资本：1100万 规模：10~100人 地址：中国（山东）自由贸易试验区济南片区经十路5777号万科金域国际天泰家园1号楼办公楼2204 美狐主营：美狐美颜SDK。基于人脸识别技术和图像渲染技术，以打造专业级美颜SDK为目标，包含实时美颜、人脸美型、抖动特效、动态贴纸等特效功能，为多种音视频业务场景如直播、短视频、一对一等提供的相应的美化解决方案。

使用说明

这里面是需要填写sdk获得的授权信息。 另外本版本是腾讯云直播推流，所以需要腾讯云推流的license ，也就是第三个选项。 填写好这些信息便可运行测试。

已经对接好美颜SDK的蜻蜓S系统demo效果演示：

APP演示下载地址：

https://test.down.yizhanapp.cn/WulRpZ

备用下载地址： https://tap.dierna.com/qingtings

demo示例

index.vue文件

<template>
    <view>
        <view class="uni-padding-wrap uni-common-mt">   

                <button type="primary" @tap="start()">start </button>

        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello'
            }
        },
        onLoad() {

        },
        methods: {

            start()
            {
                  uni.navigateTo({
                    url: 'video',
                    success: res => {},
                    fail: () => {},
                    complete: () => {}
                  });
            } 
        }
    }
</script>

video.nvue文件

<template>
    <div class="container"> 
        <div     :style="{ width: hqwidth, height: hqhight }" class="devices">

                <MHTXLive id="mainMap"  :style="{ width: hqwidth, height: hqhight }"    ref="myMHLive"      ></MHTXLive >

        </div>

        <view class="fanhan">

            <button     @click="StartPreview()"> 开始预览</button>  
            <button     @click="StopPreview()"> 停止预览</button>   

            <button     @click="StartPush()"> 开始推流</button>
            <button     @click="StopPush()"> 停止推流</button>   

            <button     @click="Tiezhi()"> 贴纸</button>  
            <button     @click="Meiyan()"> 美颜</button>  

            <button     @click="Texiao()"> 特效</button>  
            <button     @click="Hahajing()"> 哈哈镜</button>   

            <button     @click="OpenFalsh()"> 闪光灯开</button> 
            <button     @click="CloseFlash()"> 闪光灯关</button>    

            <button     @click="SwitchCamera()"> 切换摄像头</button> 
            <button     @click="back()"> back</button> 

        </view>

    </div>

</template>

<script> 
    var globalEvent = weex.requireModule('globalEvent');
    export default {
        data() { 
            return {
                title: 'Hello',
                hqwidth:0,
                hqhight:0,
                 editorText:"sdsd"
            }    
        },
        onBackPress(e) {
           if (e.from == 'backbutton') { 

               /////
                  /////
                     /////
                        /////
                           /////

                        // 退出页面的是 调用一下 backbutton

             this.$refs.myMHLive.backbutton();  
            return false;  
           }
          }, 
        created() {
            let that = this; 

        },
        onLoad: function(option) {
            var that=this;
            plus.navigator.setFullscreen(true);
            uni.getSystemInfo({
                success: function(e) {
                    console.log(e)
                    that.hqwidth = e.windowWidth
                    that.hqhight = e.windowHeight
                }
            })
        },
        methods: {

            back(){
                 this.$refs.myMHLive.backbutton();  
                uni.navigateBack();
            },
            StartPreview(){ 
                var Live = this.$refs.myMHLive;
                Live.StartPreview(); 
            },
            StopPreview(){  
                var Live = this.$refs.myMHLive;
                Live.StopPreview(); 
            },
            Texiao(){ 
                var Live = this.$refs.myMHLive;
                Live.Texiao(result => {
                                const msg = JSON.stringify(result);
                                  // JSONObject result = new JSONObject();
                                  //               result.put("type",   "ViewHide" );
                                  //               result.put("code",   0 );
                                  //               result.put("msg",   "视图隐藏" );

                                          // params.put("type",   "ViewShow" );
                                          // params.put("code",   0 );
                                          // params.put("msg",   "视图显示" );
                                 console.log(result);
                             }); 
            },
            Hahajing(){ 
                var Live = this.$refs.myMHLive;
                Live.Hahajing(result => {
                                const msg = JSON.stringify(result);
                                  // JSONObject result = new JSONObject();
                                  //               result.put("type",   "ViewHide" );
                                  //               result.put("code",   0 );
                                  //               result.put("msg",   "视图隐藏" );

                                          // params.put("type",   "ViewShow" );
                                          // params.put("code",   0 );
                                          // params.put("msg",   "视图显示" );
                                 console.log(result);
                             }); 
            },
            Tiezhi(){ 
                var Live = this.$refs.myMHLive;
                Live.Tiezhi(result => {
                                const msg = JSON.stringify(result);
                                  // JSONObject result = new JSONObject();
                                  //               result.put("type",   "ViewHide" );
                                  //               result.put("code",   0 );
                                  //               result.put("msg",   "视图隐藏" );

                                          // params.put("type",   "ViewShow" );
                                          // params.put("code",   0 );
                                          // params.put("msg",   "视图显示" );
                                 console.log(result);
                             }); 
            },
            Meiyan(){ 
                var Live = this.$refs.myMHLive;
                Live.Meiyan(result => {
                                const msg = JSON.stringify(result);
                                  // JSONObject result = new JSONObject();
                                  //               result.put("type",   "ViewHide" );
                                  //               result.put("code",   0 );
                                  //               result.put("msg",   "视图隐藏" );

                                          // params.put("type",   "ViewShow" );
                                          // params.put("code",   0 );
                                          // params.put("msg",   "视图显示" );
                                 console.log(result);
                             }); 
            }, 
            StartPush(){   
                var Live = this.$refs.myMHLive;
                Live.StartPush(
                    {
                    URL:"rtmp://txlivepush.youyacao.com/蜻蜓-uni/kiro?txSecret=205640c212325356b1f812ee95b2731a&txTime=5FEC42E3"
                    },
                        result => {
                                const msg = JSON.stringify(result);
                                 console.log(result);
                             }); 
            },
            StopPush(){   
                var Live = this.$refs.myMHLive;
                Live.StopPush(result => {
                                const msg = JSON.stringify(result);
                                 console.log(result);
                             }); 
            },
             OpenFalsh(){
                var Live = this.$refs.myMHLive;
                Live.OpenFalsh(); 
             },
             CloseFlash(){   
                var Live = this.$refs.myMHLive;
                Live.CloseFlash(); 
             },
             SwitchCamera(){    
                var Live = this.$refs.myMHLive;
                Live.SwitchCamera(); 
             } 

        }
    }
</script>

其他说明

相比涂图科技高精准定位高端企业用户，美狐sdk的价格相对就显得非常亲民，可通过优雅草科技伙伴渠道优惠购取sdk。

美狐sdk官网 www.facegl.com 优雅草科技官网 www.youyacao.com

详情可加QQ422108995

优雅草uniapp插件使用交流群：929353806