uniapp市场美狐直播美颜sdk-uniapp官方合作发布插件说明-美湖原生sdk将不再难接入

美狐美颜sdk-uniapp-优雅草科技官方合作发布

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

插件市场:

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

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

使用说明

这里面是需要填写sdk获得的授权信息。
另外本版本是腾讯云直播推流,所以需要腾讯云推流的license ,也就是第三个选项。
填写好这些信息便可运行测试。
uniapp市场美狐直播美颜sdk-uniapp官方合作发布插件说明-美湖原生sdk将不再难接入

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。

uniapp插件下载地址:

https://ext.dcloud.net.cn/plugin?id=3800

直接给您节省了 接入原生sdk的成本和精力。

上一篇:Intellij 配置live template的坑


下一篇:day05_jQuery+nodejs入门