拍照插件(MImagePicker & MPhoto)

拍照插件集合了 MImagePicker & MPhoto 两个插件,调用时通过参数 type 指定需调用的插件,默认使用 MImagePicker 。插件包含拍照,录制视频,相册选图,图片和视频处理、获取图片和视频信息、图片涂鸦、文本、剪裁等功能。

esm 引入

import { MImagePicker } from "@yl/super-jssdk";

注意事项

以下接口的 error 回调中,errCode 通用释义

errorCode 说明
-1 普通错误,错误具体内容参考 errMsg
999 取消操作
1001 调用插件接口传参错误, (参数不合法,参数不匹配,参数校验失败等)
1100 用户拒绝权限
1101 用户取消权限,仅支持 Android
  • UI效果图
  • Android 注意事项:图片处理和视频处理中 saveToAlbum 如果为 true,那么图片和视频 path 必须填写非应用路径,如填写 cordova.file.externalRootDirectory + '目录\文件名',才能将资源更新到相册。
  • iOS注意事项:接口示例代码中 cordova.file.externalDataDirectory 路径仅适用于 Android,更多关于 Android 与 iOS 本地存储目录请参考这里
  • 图片、视频处理前后数据对比图
  • 由于拍照、视频处理属于耗时操作,因此最好加上 loading 提升用户体验

UI效果图

图片水印UI

自定义相机效果

  1. 拍照页面

  1. 预览页面

iOS自定义相册UI

Android自定义相册UI

图片、视频处理前后数据对比图

图片编辑效果图

  1. 添加图形界面

图形编辑说明:

  1. 点击图形可以进入编辑模式
  2. 选中模式下,按住线框滑动可以移动图形
  3. 选中模式下,按住图形上的点滑动可以修改图形大小

  1. 涂鸦

  1. 添加文字

  1. 图片裁剪

图片裁剪说明:

  1. 点击底部裁剪按钮进入裁剪模式
  2. 通过双指触摸进行图片缩放
  3. 单指移动图片调整裁剪区域

  1. 马赛克

使用说明

客户端 Android iOS
支持说明 Android 4.2 以上 iOS 8 以上

API

API名称 说明
openCamera 打开相机拍照或者拍摄视频
openAlbum 从相册选图
openAlubmForVideosAndImages 从相册选择视频和图片
imageProcess 图片处理
videoProcess 视频处理
editImage 图片编辑
getImageInfo 获取图片信息
getVideoInfo 获取视频信息
saveToAlbum 图片、视频存入系统相册或指定相册

results matching ""

    No results matching ""