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

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

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

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

使用说明

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

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插件使用交流群:752513793