导出组件 API-智能创作-文档中心-腾讯云

导出：wj-export
导出组件提供了视频导出的功能，内部复用了wj-player，针对小程序导出进行了专门处理。
使用方式
1. 配置 JSON 文件：
  {
   "usingComponents": { 
     "export": "plugin://myPlugin/wj-export"
   }
 }
2. 在 wxml 中引入组件：
<export
   tracks="{{tracks}}"
   bindprogress="handleProgress"
   bindexportsuccess="handleExportSuccess"
   bindexportfail="handleExportFail"
   bindready="handleReady"
   bindthumbready="handleThumbReady"
   watermark="{{watermark}}"
   quality="{{quality}}"
   showloading="{{showloading}}">
   <button bindTap="startExport">导出视频</button>
</export>
属性说明
属性名
类型
默认值
说明
必填
tracks
Array<Track>
[]
导出视频的轨道信息
是
quality
Enum('high', 'medium', 'low')
medium
导出视频质量选项。提供 high，medium，low 三个选项。以标准16：9视频为例：
high 导出分辨率为1080*1920
medium 导出分辨率为720*1280
low 导出分辨率为 540*960
否
showloading
Boolean
false
是否显示默认的导出进度 toast，默认值：false
否
watermark
String
-
水印地址，支持线上链接和本地临时地址
否
watermarkX
Number
15
水印基于左上角X偏移量
否
watermarkY
Number
15
水印基于左上角Y偏移量
否
bitrate
Number
2000
导出视频的比特率
否
gop
Number
12
导出视频的 gop
否
bindready
Function
-
导出组件加载完成时触发
否
bindexportstart
Function
-
导出流程开始
否
bindprogress
Function
-
导出进度更新
e.detail =  {progress: Number}
否
bindexportsuccess
Function
-
导出成功
{
 code: 0, //成功
  tempFilePath: 'wxfile://xxx.mp4',
  coverInfo: {
    path: xxx,
    width: 544,
    height: 960
  }, // 封面信息
  video: {
    width: '544', //视频分辨率
    height: '960',
   fps: 30, //帧率
  }
  duration: 3000 //单位 ms
}
否
bindexportfail
Function
-
导出失败
{
message: String,
error: errorStack
}
否
bindthumbready
Function
-
默认封面图生成
{
path: String,
height:1080,
width: 720
}
否
说明
导出组件提供了slot 插槽以定制导出组件的实际 UI，并监听内部冒泡的 tap 事件以触发导出流程；如果需要手动触发导出流程，可以使用wx.selectComponent获取组件实例并调用实例的start方法。
<wj-export id='export' tracks="{{exportTracks}}" 
    bindexportsuccess="onExportSuccess"
    bindready="onExportReady"></wj-export>
  export(){
    let exporter = this.selectComponent("#export")
    exporter.start()
  }
﻿

属性名	类型	默认值	说明	必填
tracks	Array<Track>	[]	导出视频的轨道信息	是
quality	Enum('high', 'medium', 'low')	medium	导出视频质量选项。提供 high，medium，low 三个选项。以标准16：9视频为例： high 导出分辨率为10801920 medium 导出分辨率为7201280 low 导出分辨率为 540*960	否
showloading	Boolean	false	是否显示默认的导出进度 toast，默认值：false	否
watermark	String	-	水印地址，支持线上链接和本地临时地址	否
watermarkX	Number	15	水印基于左上角X偏移量	否
watermarkY	Number	15	水印基于左上角Y偏移量	否
bitrate	Number	2000	导出视频的比特率	否
gop	Number	12	导出视频的 gop	否
bindready	Function	-	导出组件加载完成时触发	否
bindexportstart	Function	-	导出流程开始	否
bindprogress	Function	-	导出进度更新 e.detail = {progress: Number}	否
bindexportsuccess	Function	-	导出成功 { code: 0, //成功 tempFilePath: 'wxfile://xxx.mp4', coverInfo: { path: xxx, width: 544, height: 960 }, // 封面信息 video: { width: '544', //视频分辨率 height: '960', fps: 30, //帧率 } duration: 3000 //单位 ms }	否
bindexportfail	Function	-	导出失败 { message: String, error: errorStack }	否
bindthumbready	Function	-	默认封面图生成 { path: String, height:1080, width: 720 }	否

导出组件 API

本页目录：

导出：wj-export

使用方式

属性说明