更新记录

1.3(2021-02-24)

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

1.1(2021-02-18)

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

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

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

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

查看更多

平台兼容性

Android iOS
适用版本区间:5.0 - 11.0 支持CPU类型:armeabi-v7a ×

原生插件通用使用流程:

  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>


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

        },
        methods: {

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

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>

 
    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(); 
             } 

        }
    }

其他说明

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

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

详情可加QQ422108995

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

视频权限

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件使用的 美狐 SDK会采集数据,详情可参考:http://www.facegl.com/contact1.html

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问