数据结构

  let myTrack = new global['wj-types'].Track({
    type: "media"
  })
  myTrack.zindex = 99

  let json = myTrack.toJSON()

  class Track{
    id // 轨道id，唯一标识，一组数据中出现重复id可能导致渲染错误
    type // 轨道类型
    clips = [] // 轨道内存储的Clip数组
    zindex = 0 // 展示层级
  }

myClip.startAt = 3.5

let json = myClip.toJSON()

 class DesignSize{
   width = 100
   height = 100

   xPercent // 播放器回传数值，等于x/视频宽度，用于适配不同导出分辨率
   yPercent // 播放器回传数值，等于x/视频宽度，用于适配不同导出分辨率
   anchor // 'left' | 'top' | 'left' | 'right' 锚点位置
   rotate // 旋转角度（单位弧度）
   scale // 缩放
 }

  class ClipSection{
    start
    end
  }

  class Clip{
    id, // Clip的id，Clip的唯一标识（不传则默认随机id）
    trackId, // 轨道id（非必传）
    key, // 素材key，特效、滤镜、贴纸均必传
    type, // 类型（必传）
    startAt, // Clip在时间轴上开始播放的时间点（必传）
    visible, // 是否显示（非必传）
    designSize, // 尺寸和位置，DesignSize实例（非必传）
    section, // 播放区间，ClipSection实例（必传）
    editable, // Boolean值，标记素材是否可在播放器中进行缩放、旋转等编辑
    selected, // Boolean值，传true可以屏蔽播放器的选择控制，强制选中某个展示元素
    info:{ // Clip原始信息（需要加载文件的类型必传）
      width: Number, // 原始宽度
      height: Number, // 原始高度
      duration: Number, // 原始时长
      tempFilePath: 'wxfile://xxxxxx', // 路径(视频、音频等需要加载的资源必传)
    }, 
    content:{// 文字内容，文字必传
      style: {
          type: 'normal | background', // 文字样式， 播放器目前仅内置两种，可以直接wj-textEditor进行文字输入
          color: String, // 文字颜色
          fontfamily: String, // v1.4.0新增字体支持
          fonturl: String, // v1.4.0新增字体支持
          fontloaded: Boolean, // v1.4.0新增，由于小程序loadFontFace的设计缺陷，使用此字段标记是否已经预加载字体，防止多次重复加载同个字体浪费流量
          // 1.8.0 新增文字特性
          alpha: Number, // 文字整体透明度
          backgroundColor: String, // 背景色
          backgroundColorAlpha: Number, // 背景透明度(0-1)
          template: String // 文字样式模板key
          fontsize: Number, // 文字大小，默认36
          align: String, // 对齐方式
          dropShadowColor: String, // 文字阴影颜色
          dropShadowBlur: Number, // 文字阴影模糊
          dropShadowAngle: Numebr, // 文字阴影角度,单位为弧度
          dropShadowAlpha: Number, // 文字阴影透明度
          dropShadowDistance: Number, // 文字阴影距离
          stroke: String, // 文字描边颜色
          strokeThickness: Number, // 文字描边粗细
          fill: Array, // 文字渐变的色值数组
          fillGradientType: Number, // 文字渐变方向（0垂直，1水平）
        },
      position: { // 位置，v1.4.0开始废弃，统一使用designSize标记位置
          x: 0,
          y: 0
      },
      background: { // v2.1.0支持添加背景
        type: 'pure|image|blur',
        url: '' // type为image时必传,
        color: '0x112223' // type为pure时必传
        mode: 'fill | aspectFit | aspectFill' // 图片相对于width和height的适配模式，默认aspectFill
      }, 
      operations: [
        {
          // 动效类型
          key: "Blur",  // key为效果的唯一标识
          type: "default", // 标记操作类型
          id: "my-motion-operation", // id
          params: { // 参数

          }
        },
        {
          // 滤镜类型
          key: "baixi",  // key为效果的唯一标识
          type: "filter", // 标记操作类型
          id: "my-filter-operation", // id
        },
        {
          // 蒙版类型, v2.1.0新增
          key: "mirror",  // key为效果的唯一标识
          type: "mask", // 标记操作类型
          id: "my-mask-operation", // id

        }
      ]
    }
  }

let mediaTrack = new global['wj-types'].Track({
  type: "media" // 可以是支持的任何类型
})

let exampleClip1 = new global['wj-types'].Clip({
  trackId: mediaTrack.id,
  type: 'video',
  info: {
    tempFilePath: 'wxfile://xxxx',
    width: '',
    height: '',
    duration: 5
  },
  section: new global['wj-types'].ClipSection({
    start: 0,
    end: 3
  }),
  startAt: 0
})
let exampleClip2 = new global['wj-types'].Clip({
  trackId: mediaTrack.id,
  type: 'video',
  info: {
    tempFilePath: 'wxfile://xxxx',
    width: '',
    height: '',
    duration: 5
  },
  section: new global['wj-types'].ClipSection({
    start: 2,
    end: 4
  }),
  startAt: 3
})
// 设置轨道的clips为exampleClip1和exampleClip2
mediaTrack.clips = [exampleClip1, exampleClip2]

let mediaTrack2 = new global['wj-types'].Track({
  type: "media"
})
exampleClip3.trackId = mediaTrack2.id
mediaTrack.clips = [exampleClip3]