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

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

美狐直播美颜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。

uniapp插件下载地址:

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

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

原文地址:https://blog.csdn.net/dujiangdu123/article/details/112062308

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置:/api/request.js 可以二开自行开发,或直接引用组件。
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函数来复用代码。以上就是在uni-app和vue3中封装全局函数的详细完整的方法。_uniapp vue3 vue.prototype
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开发中遇到的问题、错误代码与解决方案。
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值。_uniapp 父级组件改变子组件值
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表渲染、事件处理、表单输入处理、生命周期钩子、自定义指令和过滤器、路由和导航以及状态管理(如Vuex)
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 全页面引用跳转 组件_uniapp小程序端tabbar跳转插件
文章浏览阅读1k次,点赞20次,收藏7次。uniapp Vue3 日历 可签到 跳转_uniapp vue3 日历
文章浏览阅读479次。在uni-app中,我们可以使用Vue3的全局API来挂载函数到全局。将全局函数挂载到Vue实例上。这样,我们就可以在任何组件中通过。文件中引入了Vue3和我们的全局函数。在这个例子中,我们首先在。来调用这个全局函数了。_uniapp vue3挂在全局变量
文章浏览阅读316次。包含 首页、社区、关于、我的、预约、订购、选购、话题、主题、收货地址、购物车、系统通知、会员卡、优惠券、积分、储值金、订单信息、积分、充值、礼品、首饰等_uniapp婚恋模板
文章浏览阅读419次。了解uni-app是什么,它的优势和适用场景,以及它作为一个跨平台框架的基本概念。如何安装uni-app,包括环境配置和项目创建等步骤。如何进行uni-app项目的目录结构和代码规范的了解,这对于后续的项目开发至关重要。如何进行uni-app项目的打包和发布,以完成从开发到上线的整个过程。实战项目,通过实际操作案例来巩固和应用所学知识,提升解决实际问题的能力。了解HBuilderX的基本概念和主要特点,以及它与uni-app开发的关系。
文章浏览阅读144次。位置:uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang。注意 :不用管pages目录内文件,因为已经在components内创建组件,直接引用即可。为了防止别人修改抽奖几率,所以写在了云函数(云函数名称jishu)中,大家可以自行修改。里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。商品图片可以从数据库中获取进行赋值即可。调试时请选择 连接云端云函数 进行调试。Uniapp 横向滚动抽奖页面 组件。_uniapp 横向抽奖
文章浏览阅读112次。开发中使用媒体查询来适配大屏小屏,match-media是一个可适配不同屏幕的基本视图组件。 可以指定一组 media query 媒体查询规则,满足查询条件时,这个组件才会被展示。_移动端match-media
文章浏览阅读33次。【代码】Uniapp Vue3 子组件给父组件传值。
文章浏览阅读91次。全端支持,只需引用组件,更改内容即可_uniapp滚动组件
文章浏览阅读26次。【代码】uniapp Vue2 子组件给父组件传值。
文章浏览阅读177次。微信隐私保护弹出框 隐私协议弹出框,微信隐私保护弹出框,支持vue2和vue3_uninapp 实现微信的隐私弹窗
文章浏览阅读82次。uniapp各类按钮,方便大家复制粘贴使用,提高大家的效率。_uniapp button 图片
文章浏览阅读531次。酷炫钱包页面模板 直接引用_uniapp 钱包页面
文章浏览阅读544次。uniapp 微信小程序登录_uniapp 引入wx.login
文章浏览阅读922次。在这个例子中,我们将所有以’/api’开头的请求代理到’http://localhost:3000’。这样,我们就可以在本地开发环境中访问后端服务器了。在uni-app中,我们可以使用vue.config.js文件来配置跨域(代理)。注意:这个配置只在开发环境中生效,生产环境需要另外配置。_uniapp 代理