更新记录

v1.2.1(2021-04-22)

更新说明文件,涂图官方功能拆分,价格调整

v1.2(2021-04-09)

修复IOS版本打包报错的问题

查看更多

平台兼容性

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

原生插件通用使用流程:

  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原生插件配置”->”云端插件“列表中删除该插件重新选择


涂图美颜-图像sdk-uniapp插件-一颗优雅草科技

涂图美颜-图像sdk-uniapp插件-一颗优雅草科技-插件限时免费

插件下载地址:

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

注意事项:

请注意,涂图原生sdk中图像,美颜,美妆,人像,拍摄,剪辑等所有功能均可以拆分单独购买,SDK本身的授权费用官方为20000-90000元一年授权双端(包括ios和安卓),具体需要使用什么功能请详细咨询,而不是说购买这个插件就可以免费使用的,插件是衔接原生SDK和uniapp的,联系优雅草可以获得部分折扣但是已经在官方报备并且申请过使用的个人或组织即不可再享有任何优惠。

介绍

TuSDK 使用指南

TuSDK(涂图)是移动端图像处理的一站式解决方案,它全面覆盖相机拍照、图片编辑、人像美化、贴纸装饰、实时滤镜等需求。 TuSDK 支持 iOS 和 Android 两大平台,适配众多主流机型。开发者无需关心底层技术及具体实现,直接调用相应模块即可实现专业的图像处理功能,从而有效降低产品开发的技术门槛和时间成本。 注册 TUTUCLOUD 帐号并创建一个应用,即可开始使用。

更多关于涂图图像sdk的介绍请看官网介绍

涂图:https://tutucloud.com/docs/image-guide/guide#_功能说明_0

涂图官方demo下载:

另外重要注意事项

注意

涂图的插件有些特殊, 因为资源文件的问题, 插件市场上的云端插件里面的资源文件是作者的资源文件,需要资源文件可以动态修改成你自己的资源文件, 只有一种方法:需要添加一个本地插件(跟市场的插件一模一样的插件名字,但是插件包里面只保留资源文件),打包的时候,本地插件跟云端插件一起勾选,一起打包。

资源文件是一个文件夹 TuSDK.bundle

下面会提供出来本地插件,供大家使用下载

涂图图像编辑本地插件 youyacao-TuSDKImageEdit.zip

android 自己的资源文件需要放在 youyacao-TuSDKImageEdit / android / assets / TuSDK.bundle ios 自己的资源文件需要放在 youyacao-TuSDKImageEdit / ios / TuSDK.bundle

图像剪辑本地插件包下载地址:

链接:https://pan.baidu.com/s/11koaBDVPZEckwxIqNvaqqw 提取码:2bnf

涂图视频编辑本地插件 youyacao-TuSDKEdit.zip

android 自己的资源文件需要放在 youyacao-TuSDKEdit / android / assets / TuSDK.bundle ios 自己的资源文件需要放在 youyacao-TuSDKEdit / ios / TuSDK.bundle

视频剪辑插件包下载地址:

链接:https://pan.baidu.com/s/1Wykk-MKkpUsWrrPApsIPYQ 提取码:m8ks

优雅草对接产品蜻蜓s演示下载:

使用方法演示:

mageedit(){

                             const TuSDKImageEdit = uni.requireNativePlugin('youyacao-TuSDKImageEdit');

                              TuSDKImageEdit.edit({  
                                 path:"/sdcard/DCIM/Camera/IMG_20210124_132411.jpg"
                               }, result => {
                                const msg = JSON.stringify(result);
                                uni.showModal({
                                    content: msg,
                                    showCancel: false
                                }); 
                              });  

             },

             // 多图 
             Imageedit2(){

                 const TuSDKImageEdit = uni.requireNativePlugin('youyacao-TuSDKImageEdit');

                  TuSDKImageEdit.editV2({  
                     list:["/sdcard/DCIM/Camera/IMG_20210124_132411.jpg",
                    "/sdcard/DCIM/Camera/IMG_20210124_132414.jpg",
                    "/sdcard/DCIM/Camera/IMG_20210124_132417.jpg"]
                   }, result => {
                    const msg = JSON.stringify(result);
                    uni.showModal({
                        content: msg,
                        showCancel: false
                    }); 
                  });  

                 // uni.chooseImage({
                 //     count: 3,
                 //     sourceType: [ 'album'],
                 //     success: function (res) {
                 //      console.log(res);
                 //         // uni.showModal({
                 //         //  content: JSON.stringify(res.tempFilePath),
                 //         //  showCancel: false
                 //         // });

                    // var sss =  plus.io.convertLocalFileSystemURL( "/storage/emulated/0/Android/data/com.qingting.live/apps/__UNI__AC7D13F/doc/uniapp_temp_1611465883526/compressed/1611465887281_IMG_20210124_132411.jpg" );
                 //               console.log(sss); 

                 //     }
                 // });
             },

示范实例文件:


<template>
    <view>
        <view class="uni-padding-wrap uni-common-mt">   

                           <button type="primary" @tap="edit()">选取视频开始编辑</button> 
                  <button type="primary" @tap="Imageedit()">选取图片开始编辑</button>        
                          <button type="primary" @tap="Imageedit2()">选取多图图片开始编辑</button>           
        </view>
    </view>
</template>

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

        },
        methods: {

             Imageedit(){

                             const TuSDKImageEdit = uni.requireNativePlugin('youyacao-TuSDKImageEdit');

                              TuSDKImageEdit.edit({  
                                 path:"/sdcard/DCIM/Camera/IMG_20210124_132411.jpg"
                               }, result => {
                                const msg = JSON.stringify(result);
                                uni.showModal({
                                    content: msg,
                                    showCancel: false
                                }); 
                              });  

             },
             Imageedit2(){

                 const TuSDKImageEdit = uni.requireNativePlugin('youyacao-TuSDKImageEdit');

                  TuSDKImageEdit.editV2({  
                     list:["/sdcard/DCIM/Camera/IMG_20210124_132411.jpg",
                    "/sdcard/DCIM/Camera/IMG_20210124_132414.jpg",
                    "/sdcard/DCIM/Camera/IMG_20210124_132417.jpg"]
                   }, result => {
                    const msg = JSON.stringify(result);
                    uni.showModal({
                        content: msg,
                        showCancel: false
                    }); 
                  });  

                 // uni.chooseImage({
                 //     count: 3,
                 //     sourceType: [ 'album'],
                 //     success: function (res) {
                 //      console.log(res);
                 //         // uni.showModal({
                 //         //  content: JSON.stringify(res.tempFilePath),
                 //         //  showCancel: false
                 //         // });

                    // var sss =  plus.io.convertLocalFileSystemURL( "/storage/emulated/0/Android/data/com.qingting.live/apps/__UNI__AC7D13F/doc/uniapp_temp_1611465883526/compressed/1611465887281_IMG_20210124_132411.jpg" );
                 //               console.log(sss); 

                 //     }
                 // });
             },
            edit(){

                const TuSDKEdit = uni.requireNativePlugin('AThree-TuSDKEdit');

                 TuSDKEdit.edit({  
                     list:["file:///storage/emulated/0/DCIM/Camera/VID_20201211_175434.mp4",
                    "file:///storage/emulated/0/DCIM/Camera/VID_20201211_175442.mp4" ]
                  }, result => {
                    const msg = JSON.stringify(result);
                    uni.showModal({
                        content: msg,
                        showCancel: false
                    }); 
                 });  

                // uni.chooseVideo({
                //     count: 2,
                //     sourceType: [ 'album'],
                //     success: function (res) {
                //      console.log(JSON.stringify(res.tempFilePath));
                //      uni.showModal({
                //          content: JSON.stringify(res.tempFilePath),
                //          showCancel: false
                //      });

                //     }
                // });

            }  
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200upx;
        width: 200upx;
        margin-top: 200upx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50upx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36upx;
        color: #8f8f94;
    }
</style>

隐私、权限声明

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

照片权限

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

插件使用的涂图SDK可能会采集数据,详情可参考:https://tutucloud.com/doc

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

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