一.插件简介 Zhimi-BeautyCamera(智密 - 美颜相机图册插件)是一个支持美颜录像,美颜拍照,选择图视频功能,带录像参数时长限制的uniapp原生插件.平台支持:Android.IOS 二.效果预览在App端测试效果如下: 体验DEMO(安卓浏览器扫码下载) 三.开始使用 (1): 引入插件 首先创建工程,添加完原生插件之后,需要引入插件 var BeautyCamera = uni.requireNativePlugin('Zhimi-BeautyCamera') 具体的API

基于uniapp + vue 实现仿斗鱼虎牙腾讯云移动直播应用实践,实现以下功能 1: 用户登陆 2: 房间管理 3: 房间聊天 4: 直播美颜 5: Svga礼物动画 6: 一对一连麦观众 项目开发环境 IDE:HbuilderX 3.0+ 开发框架:uniapp + vue2.x + sass 运行平台:Android.IOS 环境要求:window7+,macOS 10.12.6+, node 10.14.5+ 效果演示 教程目录 1. 从0开始配置工程项目 1.1 获取Demo工程并且导

  任何一款直播软件都必须进行美颜,不然哪来的那么多美女,所以技术改变世界,不只是说说而已.美颜在采集的时候就得就行,让主播实时看到直播的效果. 1.美颜原理   其实美颜的本质就是美白和磨皮,分别通过提高亮度和模糊像素点进行.我们一般用GPUImage这个开源的图像处理库来实现.视频的本质就是一张张连续的图片,磨皮就是对于图片上的像素点的取值与周边的像素点取值相关联.常见的有高斯模糊和双边滤波(Bilateral Filter).   高斯模糊是最常见的一种模糊方式,像素点取值是由周边像素点求

当前视频直播非常火爆,手机端的视频直播也非常火爆,PGC.UGC的视频直播门槛都降低了很多. 本文介绍一个:IOS 客户端直播的SDK,代码完全开源. 直播时代:让IOS普通开发者一天内做出一个RTMP直播客户端,并且带有美艳直播功能.(文章最下面有github源码地址) 包含一下功能: 1, 提供IOS苹果手机的RTMP推流: 填写RTMP服务地址,直接就可以进行推流. 2,美颜直播 美不美都能装的直播,IOS OPENGL美艳加速,手机完全不发烫. 3,前后摄像头随时切换 4,提供RTMP连

原文转自:袁峥Seemygo    感谢分享.自我学习 前言 在看这篇之前,如果您还不了解直播原理,请查看这篇文章如何快速的开发一个完整的iOS直播app(原理篇) 开发一款直播app,美颜功能是很重要的,如果没有美颜功能,可能分分钟钟掉粉千万,本篇主要讲解直播中美颜功能的实现原理,并且实现美颜功能. 利用GPUImage处理直播过程中美颜的流程 采集视频 => 获取每一帧图片 => 滤镜处理 => GPUImageView展示 美颜原理.png 美颜基本概念 GPU:(Graphic

一.前言 在视频直播中一般都是两种视频数据源,一个是摄像头数据,一个是录制桌面数据,而一般来说美女妹子直播都是来自于摄像头数据,游戏直播都是录制桌面数据的,那么今天就来看看第一个数据源数据采集分析,Android中使用摄像头的场景很多,在没有直播这个行业出现之前,之前用到摄像头的最多就两个场景,一个是二维码扫描,一个是美颜拍照类的应用.那么这里就来看看Android中的摄像头的用法,以及如何进行数据采集进行数据的二次加工. 二.知识点概况 本篇文章主要通过如下几个方向去介绍Android中的摄像

最近日本推出的反美颜应用Primo可能让感到不胜惶恐.其实,这样反人类的应用,你也能写出,不过必须了解的一些技术,就是计算机视觉.目前,计算机视觉库包括FastCV.OpenCV.JavaCV等. 相对来讲,OpenCV是一个较为成熟的视觉库,它包含了Harris.SURF.SIFT.FAST等算法,支持面向对象的C++ API,并可针对不同硬件进行优化,比如台式机.移动设备等. JavaCV则是封装了OpenCV.libdc1394.OpenKinect.videoInput和ARToolKi

来源:袁峥Seemygo 链接:http://www.jianshu.com/p/4646894245ba 前言 在看这篇之前,如果您还不了解直播原理,请查看这篇文章如何快速的开发一个完整的iOS直播app(原理篇) 开发一款直播app,美颜功能是很重要的,如果没有美颜功能,可能分分钟钟掉粉千万,本篇主要讲解直播中美颜功能的实现原理,并且实现美颜功能. 利用GPUImage处理直播过程中美颜的流程 采集视频 => 获取每一帧图片 => 滤镜处理 => GPUImageView展示 美颜原

1.背景 前段时间由于项目需求,做了一个基于GPUImage的实时美颜滤镜.现在各种各样的直播.视频App层出不穷,美颜滤镜的需求也越来越多.为了回馈开源,现在我把它放到了GitHub https://github.com/Guikunzhi/BeautifyFaceDemo 上面,感兴趣的朋友可以去下载.下面将主要介绍实现美颜滤镜的原理和思路. 2.GPUImage GPUImage 是一个开源的基于GPU的图片或视频的处理框架,其本身内置了多达120多种常见的滤镜效果.有了它,添加实时的滤镜

程序流程: 1.图像采集 先从opencv(2.4.10版本)采集回来摄像头的图像,是一帧一帧的 每一帧图像是一个矩阵,opencv中的mat 数据结构. 2.人脸的美化 人脸美化,我们用的皮肤检测,皮肤在颜色空间是特定的一个区域 检测到这个区域(感兴趣区域),完后对这个区域进行美化,就是滤波,主要是双边滤波和高斯滤波. 3.视频格式转换以及编码 处理好的矩阵颜色空间是rgb的,需要转换成yuv,yuv的颜色空间就是可以播放的,类似我们电视上面看的画面,编码就是传输时候需要发送流,只个流相当于针

为什么美颜摄像这么简单的功能,OpenCV这个开源项目网上很少有代码呢?对于在windows平台下,生成h264视频流也比价麻烦,没有现成的api可以使用,需要借助MinGw编译libx264,或者ffmpeg才能使用. 最近有个小需求,要推送直播视频流,我在网上查了一下有live555或者用librtmp来推送,但是前者还需要修改源代码,也挺麻烦的,现在先做到了下面几个步骤: 1.OpenCV捕捉摄像头的图像 2.进行识别需要美颜的部分(人脸识别,肤色识别) 3.进行美颜(提升亮度,直方图均衡

https://blog.csdn.net/keen_zuxwang/article/details/78363464 demo: http://download.csdn.net/download/keen_zuxwang/10041423 1.创建顶点位置.纹理数组 2.创建.编译.加载shader程序,获得shader中各变量的句柄(如获取纹理采样sampler2D变量的句柄) 3.程序通过program给shader传递各参量,如:顶点位置.纹理坐标,激活.绑定纹理,传递模型/视图/投影

作者:琨君 原文链接:http://www.jianshu.com/p/945fc806a9b4 本文获作者授权转载 背景 前段时间由于项目需求,做了一个基于GPUImage的实时美颜滤镜.现在各种各样的直播.视频App层出不穷,美颜滤镜的需求也越来越多.为了回馈开源,现在我把它放到了GitHub 上面,感兴趣的朋友可以去下载.下面将主要介绍实现美颜滤镜的原理和思路. GPUImage GPUImage 是一个开源的基于GPU的图片或视频的处理框架,其本身内置了多达120多种常见的滤镜效果.有了

最近需要给直播项目中添加美颜的功能,调研了很多SDK和开源代码(视决,涂图,七牛,金山云,videoCore等),综合成本/效果/对项目侵入性,最后决定使用一款基于GPUImage实现的 BeautifyFaceDemo美颜滤镜. 集成GPUImageBeautifyFilter和GPUImage Framework 首先需要集成好GPUImage,通过观察目前iOS平台,90%以上美颜方案都是基于这个框架来做的. 原来项目中的AVCaptureDevice需要替换成GPUImageVideoC

前言 在看这篇之前,如果您还不了解直播原理,请查看这篇文章如何快速的开发一个完整的iOS直播app(原理篇) 开发一款直播app,美颜功能是很重要的,如果没有美颜功能,可能分分钟钟掉粉千万,本篇主要讲解直播中美颜功能的实现原理,并且实现美颜功能. 如果喜欢我的文章,可以关注我微博:袁峥Seemygo,也可以来小码哥,了解下我们的iOS培训课程.后续还会更新更多内容,有任何问题,欢迎简书留言袁峥Seemygo. 利用GPUImage处理直播过程中美颜的流程 采集视频 => 获取每一帧图片 =>

上一章完毕了对图片的磨皮处理.经过简单算法流程优化,能够达到非常快的速度.可是不能用于实时美颜.经实验,若採用仅仅处理Y信号的方案.半径极限大约是5-10,超过10则明显感受到卡顿.但对于1920X1080的预览分辨率来说.取10为半径非常难得到理想效果.即使将分辨率减少到1280X720也差强人意.所以非常难简单的直接应用在移动端实时处理上. 还有一方面,人物的正常肤,色应该是偏红.所以则会导致人物图像的红色通道偏亮,使红色通道保留的细节成分较少,相比之下.绿色通道保留很多其它细节,所以.普通

使用uni-app实现点击上传,既可以上传视频,有可以上传图片,图片预览,删除图片和视频功能,最终效果如下.uni-app里面没有提供同时上传视频和图片这个插件,只能靠自己手写,  1.页面布局 通过uni-app提供的标签,进行页面布局,这里就不多讲了,uni-app提供的有这个案例,可以直接把他们的样式拷贝过来修改一下就行. <view class="uni-uploader-body"> <view class="uni-uploader__files

前言 每当我们评估新技术时要问的第一个问题就是“它会给我们的业务和客户带来哪些价值?”,工程师们很容易对闪闪发光的新事物着迷,却经常会忽略这些新事物其实可能对我们的客户没有任何好处,反而只会让现有的工作流程更加复杂. flutter最近比较热闹,毕竟是Google出品. 但我们不是炒作热点的媒体,也不是忽悠你交学费的培训机构,我们作为实际的跨平台开发者,冷静的分析下这个东东. flutter是Google为Fuchsia操作系统设计的应用开发方式. Fuchsia OS要兼容廉价物联网设备,要求

北京时间6月20日,OPPO在卢浮宫发布暌违四年之久的Find旗舰系列新手机--Find X.在Find X背后,我认为其设计值得深思.尤其是Find X为突破传统设计束缚,首创双轨潜望结构有着重要启示性意义.基于这一结构,Find X采用了"全隐藏式3D摄像头",带来超越时代的极致至简之美设计,实现升降之间设计与体验的融合之美.而"全隐藏式3D摄像头"的出现,或让设计及由此带来的体验重焕光彩,为未来手机形态的发展注入更多思考. 设计吸睛,体验动心 Find X在发

注:本文使用的是 uniapp 语法. 微信小程序提供了扫码API:wx.scanCode,但它只能扫一次码,想要实现连续扫码,需要借用 camera 组件.camera 组件不仅能拍照,还具有扫码功能,只要将它的 mode 属性设置为 scanCode,就会在扫码识别成功时触发 bindscancode 事件(在 uniapp 中是 scancode 事件). <camera mode="scanCode" device-position="back" fl