简介
videotrimmer 是在 OpenHarmony 环境下,提供视频剪辑能力的三方库
安装教程
ohpm install @ohos/videotrimmer
复制代码
OpenHarmony ohpm 环境配置等更多内容,请参考 如何安装OpenHarmony ohpm包 。
使用介绍
构建 VideoTrimmerOption 对象:
getContext(this).resourceManager.getMediaContent($r('app.media.app_icon')) .then(uint8 =>{ let imageSource = image.createImageSource(uint8.buffer as any); // 步骤一:文件转为pixelMap 然后变换 给Image组件 imageSource.createPixelMap().then(pixelmap => { this.videoTrimmerOption = { srcFilePath: this.filePath, listener:{ onStartTrim: ()=>{ console.log('dodo 开始裁剪') this.dialogController.open() }, onFinishTrim:(path:string) => { console.log('dodo 裁剪成功 path='+path) this.outPath = path; this.dialogController.close() }, onCancel:()=>{ console.log('dodo 用户取消') router.replaceUrl({url:'pages/Index',params:{outFile: this.outPath}}) } }, loadFrameListener:{ onStartLoad:()=>{ console.log('dodo 开始获取帧数据') this.dialogController.open() }, onFinishLoad:()=>{ console.log('dodo 获取帧数据结束') this.dialogController.close() } }, frameBackground: "#FF669900", framePlaceholder: pixelmap } })
})
复制代码
界面 build()中使用 VideoTrimmerView 组件,传入 VideoTrimmerOption 对象
build() { Row() { Column() { VideoTrimmerView( {videoTrimmerOption:this.videoTrimmerOption!!}) } .width('100%') } .height('100%') }
复制代码
参数说明
VideoTrimmerOption 视频剪辑选项
VideoTrimListener 视频剪辑回调
VideoLoadFramesListener 视频加载回调
评论