合成协议

[
  {
    "id": "9e841f80-371f-46c7-ae15-70d2a3d7846f",
    "items": [
      {
        "asset_id": "381921553743708603@Public@CME",
        "contents": {
          "text": "猫头鹰"
        },
        "duration": 3000,
        "id": "2f6897a3-6491-4ac5-8d20-83a32e3ff2fe",
        "start_time": 0,
        "text_style_id": "381921553743708603@Public@CME",
        "type": "subtitle"
      },
      {
        "asset_id": "381921553743708603@Public@CME",
        "contents": {
          "text": "松鼠"
        },
        "duration": 3000,
        "id": "4a2ecfb5-498d-4218-9ba6-917fe70353d0",
        "is_new": true,
        "start_time": 3000,
        "text_style_id": "381921553743708603@Public@CME",
        "type": "subtitle"
      }
    ],
    "styles": [
      {
        "id": "381921553743708603@Public@CME",
        "text_style": {
          "align": "center",
          "bold": 0,
          "font": "SimHei",
          "font_color": "#ffffff",
          "font_size": 60,
          "height": 110,
          "italic": 0
        }
      }
    ],
    "type": "subtitle"
  },
  {
    "id": "738157fa-8ae5-4ae0-8ead-b5e8d4ef70d7",
    "items": [
      {
        "asset_id": "5fc609c6b41f1d0001beab46@Public@CME",
        "duration": 3000,
        "filter_asset_id": "",
        "height": 541,
        "id": "83069edb-99c3-4a29-8446-6d4feba86832",
        "operations": [
          {
            "params": {
              "angle": 0
            },
            "type": "image_rotate"
          }
        ],
        "position": {
          "x": 480,
          "y": 270
        },
        "section": {
          "from": 0,
          "to": 3000
        },
        "start_time": 0,
        "type": "image",
        "width": 773
      },
      {
        "asset_id": "5fc609ceb41f1d0001beab95@Public@CME",
        "duration": 3000,
        "filter_asset_id": "",
        "height": 540,
        "id": "3ae2a8d4-d326-4367-9712-922580506a51",
        "operations": [
          {
            "params": {
              "angle": 0
            },
            "type": "image_rotate"
          }
        ],
        "position": {
          "x": 480,
          "y": 270
        },
        "section": {
          "from": 0,
          "to": 3000
        },
        "start_time": 3000,
        "type": "image",
        "width": 811
      }
    ],
    "type": "video"
  }
]

// 轨道元素
const trackItem = {
  id: "45ea83ad-a770-4e4a-a9b2-93cdefa4d369",
  start_time: 1440, // 剪辑时间线上的开始时间
  duration: 7880, // 剪辑时间线上的持续时间
  type: "video", // 素材类型
  section: {
    // 素材时间戳截取，素材有自身时间线时，才有此属性
    from: 0,
    to: 7880,
  },
  asset_id: "5f6464c6ccbc8d0001fc308b", // 素材 id
  width: 540,
  height: 304,
  position: {
    x: 270,
    y: 480,
  },
  operations: [
    // 对该元素的操作处理，这里是指的旋转，具体请参见 多媒体处理部分
    {
      type: "image_rotate",
      params: {
        angle: 0,
      },
    },
  ],
};

// 轨道
const track = {
  id: "beb45741-c9f0-45b7-a06c-d33b579208b8",
  type: "video",
  order: 0, // 轨道层级
  items: [trackItem], // 轨道上的轨道元素
};

// 后台导出协议：https://cloud.tencent.com/document/product/1156/44159
const TrackData = JSON.stringify([track]);

const videoItem = {
  id: "45ea83ad-a770-4e4a-a9b2-93cdefa4d369",
  start_time: 1440, //剪辑时间线上的开始时间
  duration: 7880, //剪辑时间线上的持续时间
  type: "video", //素材类型
  section: {
    // 素材时间戳截取，素材有自身时间线时，才有此属性。
    from: 0,
    to: 7880,
  },
  asset_id: "5f6464c6ccbc8d0001fc308b",
  width: 540,
  height: 304, // 前端预览暂不支持通过 height 调整视频大小
  position: {
    x: 270,
    y: 480,
  },
  operations: [
    //对该元素的操作处理，这里是指的旋转，具体请参见 多媒体处理章节。
    {
      type: "image_rotate",
      params: {
        angle: 0,
      },
    },
  ],
};

const imageItem = {
  id: "45ea83ad-a770-4e4a-a9b2-93cdefa4d369",
  start_time: 1440, //剪辑时间线上的开始时间
  duration: 7880, //剪辑时间线上的持续时间
  type: "image", //素材类型
  asset_id: "5f6464c6ccbc8d0001fc308b",
  width: 540,
  height: 304, // 前端预览暂不支持通过 height 调整图片大小
  position: {
    x: 270,
    y: 480,
  },
  operations: [
    //详情参见多媒体处理章节。
    {
      type: "image_rotate",
      params: {
        angle: 0,
      },
    },
  ],
};

const audioItem = {
  id: "3259bbc5-c581-43eb-96a3-1fac66c46aa8",
  type: "audio",
  order: 0,
  items: [
    {
      id: "c6424c76-0320-4f92-9607-d2a53748fb14",
      start_time: 0,
      duration: 60080,
      type: "audio",
      asset_id: "281921553743719902@Public@CME",
      section: {
        from: 0,
        to: 60080,
      },
      operations: [], //详情参见多媒体处理章节。
    },
  ],
};

const titleItem = {
  id: "f83a90eb-a9d9-4634-81d4-c7dc130afaec",
  start_time: 80,
  duration: 3000,
  type: "advanced_title", // 固定文字类型不可变更。
  content: {
    template_id: "yj_templ_title_text", //固定模板ID,不可变更
    params: {
      text: "文字标题", //文字内容
      text_style: {
        //具体属性可参考下面的列表
        font_size: 60,
        font_color: "#ffffff",
        align: "center",
        height: 220,
        bold: 0,
        italic: 0,
      },
    },
  },
  position: {
    x: 270,
    y: 480,
  },
  width: 240, // 前端预览暂不支持通过 width 调整文字宽度
  height: 69, // 前端预览暂不支持通过 height 调整文字高度
  transition: [
    //动画效果
    {
      start_time: 0, //动画效果起始时间
      duration: 500, //动画效果持续时间
      type: "in", //动画类型入场
      name: "fade",
    },
    {
      start_time: 2500,
      duration: 500,
      type: "out", //动画类型出场
      name: "move", //
    },
  ],
  // 动画效果，用于前端预览,组装复杂协议建议使用我们提供的sdk
  transitionFE: {
    start: {
      name: "FadeIn", //动画类型入场
      duration: 500, //动画效果持续时间
    },
    end: {
      name: "MoveOut", //动画类型出场
      duration: 500,
    },
  },
};

const subTitleItem = {
  id: "3d343d8d-f950-40ea-aa50-e4e0c16cf2f2",
  start_time: 480,
  duration: 3000,
  type: "subtitle",
  style_id: "381921553743708206@Public@CME",
  text: "字幕文字1",
  asset_id: "381921553743708206@Public@CME",
};

/*****
 *  字幕样式对象
 * **/
const styleItem = {
  id: "381921553743708206@Public@CME",
  content: {
    template_id: "yj_templ_subtitle_common",
    params: {
      font_size: 60,
      font_color: "#ffffff",
      align: "center",
      height: 110,
      bold: 0,
      italic: 0,
      background_color: "#000000",
      background_alpha: 100,
      font: "SimHei",
      margin_bottom: 125,
      font_align: "right",
      font_align_margin: 30,
      bottom_color: "#3A1616",
      bottom_alpha: 100,
      border_color: "#FFFFFF",
      border_width: 2,
    },
  },
};

const item = {
  id: "7ae45f5d-f351-4351-b501-64f36ab74f2d",
  width: 960,
  height: 540, // 前端预览暂不支持通过 height 调整大小
  start_time: 0,
  duration: 3000,
  type: "frame",
  operations: [
    {
      type: "image_glshader",
      params: {
        name: "LightCircle", //可替换模板
      },
    },
  ],
  shaderName: "LightCircle", //预览模板
  controlVisible: true, // 前端预览控制是否可见
};

const tracks = [
  {
    id: "fdc7bba6-fed6-4fb2-8fe8-e471f599de8b",
    type: "video",
    order: 0,
    items: [
      {
        id: "11da8fa9-3303-4dd9-9895-c112254ad274",
        start_time: 0,
        duration: 6620,
        type: "video",
        section: {
          from: 0,
          to: 6620,
        },
        asset_id: "5f3de82664ac1d000117a8e5",
        filter_asset_id: "",
        width: 960,
        height: 540,
        position: {
          x: 480,
          y: 270,
        },
        operations: [
          {
            type: "image_rotate",
            params: {
              angle: 0,
            },
          },
        ],
      },
      /**
       *这是转场元素,转场时长3秒，注意前后视频元素与转场元素的时间覆盖。
       **/
      {
        id: "184b06ab-e406-4bc7-b29d-d50c803321cd",
        asset_id: "381921553743709257@Public@CME",
        start_time: 3620,
        duration: 3000,
        type: "transition",
        prev_item_id: "11da8fa9-3303-4dd9-9895-c112254ad274",
        next_item_id: "c3d59391-0e37-4e98-a03a-944fba0670a4",
        operations: [
          {
            type: "trans_image_glt",
            params: {
              name: "doorway", //转场效果名字
            },
          },
          {
            type: "trans_audio_fade_inout",
            params: {},
          },
        ],
        record: {
          prev_item_init: 5120,
          next_item_init: 5120,
          next_item_start_time: 5120,
        },
      },
      {
        id: "c3d59391-0e37-4e98-a03a-944fba0670a4",
        start_time: 3620,
        duration: 6380,
        type: "video",
        section: {
          from: 3620,
          to: 10000,
        },
        asset_id: "5f3de82664ac1d000117a8e5",
        filter_asset_id: "",
        width: 960,
        height: 540,
        position: {
          x: 480,
          y: 270,
        },
        operations: [
          {
            type: "image_rotate",
            params: {
              angle: 0,
            },
          },
        ],
      },
    ],
  },
];