视频截帧

<!--COS SDK-->
<script src="https://cdn.jsdelivr.net/npm/cos-js-sdk-v5/dist/cos-js-sdk-v5.min.js"></script>
?
// 密钥请在访问管理控制台获取。https://console.cloud.tencent.com/cam/capi
const cos = new COS({
  SecretId: 'AKID*******',
  SecretKey: '**********',
});
?
// 存储桶配置请在cos控制台获取。https://console.cloud.tencent.com/cos/bucket
// 格式参考：Bucket: 'abc-1250000000', Region: 'ap-shanghai'
const config = {
  // 需要替换成您自己的存储桶信息
  Bucket: '***-125********' /* 存储桶，必须 */,
  Region: '**-*****' /* 存储桶所在地域，必须字段 */,
  FileName: 'demo.mp4' /* 视频文件名 */,
};

// 同步截帧请求参数详见??/document/product/460/49283?
cos.request(
  {
    Bucket: config.Bucket,
    Region: config.Region,
    Method: 'GET',
    Key: config.FileName /* 存储桶内的媒体文件，必须字段 */,
    Query: {
      'ci-process': 'snapshot' /** 固定值，必须 */,
      time: 1 /** 截图的时间点，单位为秒，必须 */,
      // width: 0, /** 截图的宽，非必须 */
      // height: 0, /** 截图的高，非必须 */
      // format: 'jpg', /** 截图的格式，支持 jpg 和 png，默认 jpg，非必须 */
      // rotate: 'auto', /** 图片旋转方式，默认为'auto'，非必须 */
      // mode: 'exactframe', /** 截帧方式，keyframe：截取指定时间点之前的最近的一个关键帧、exactframe：截取指定时间点的帧，默认为 exactframe ，非必须 */
    },
    RawBody: true,
    // 可选返回文件格式为blob
    DataType: 'blob',
  },
  function (err, data) {
    console.log(err || data);
  }
);

const snapshot = {
  Mode: 'KeyFrame' /* 表示关键帧模式 */,
  Start: '5' /* 截图开始时间,单位为秒 */,
  Count: '1' /* 截图数量，必须 */,
};

const snapshot = {
  Mode: 'Interval' /* 表示间隔模式  */,
  Start: '1' /* 截图开始时间,单位为秒 */,
  Count: '10' /* 截图数量，必须 */,
  TimeInterval: '5' /* 截图时间间隔，可选。未设置TimeInterval时表示截取所有帧共Count张图片 */,
};

const snapshot = {
  Mode: 'Average' /* 表示平均模式 */,
  Start: '1' /* 截图开始时间,单位为秒 */,
  Count: '10' /* 截图数量，必须 */,
};

const snapshot = {
  Mode: 'KeyFrame' /* 表示关键帧模式 */,
  Count: '10' /* 截图数量，必须 */,
};

const snapshot = {
  Mode: 'KeyFrame' /* 截图模式,interval 表示间隔模式 Average 表示平均模式 KeyFrame 表示关键帧模式 */,
  Start: '5' /* 开始时间,单位为秒 */,
  Count: '25' /* 截图数量，必须 */,
  SnapshotOutMode: 'OnlySprite' /* 截图输出模式参数, OnlySnapshot 表示仅输出截图模式 OnlySprite 表示仅输出雪碧图模式 SnapshotAndSprite 表示输出截图与雪碧图模式*/,
  SpriteSnapshotConfig: {
    Color: 'Black' /* 背景颜色，必须,支持颜色详见 https://www.ffmpeg.org/ffmpeg-utils.html#color-syntax */,
    Columns: '5' /* 雪碧图列数，必须*/,
    Lines: '5' /* 雪碧图行数，必须 */,
  },
};

//需在地址前拼接/jobs，即：`https://<BucketName-APPID>.ci.<Region>.myqcloud.com/jobs
const host = config.Bucket + '.ci.' + config.Region + '.myqcloud.com';
const url = 'https://' + host + '/jobs';
//使用cos sdk 发起视频截帧任务请求
const body = COS.util.json2xml({
  Request: {
    Tag: 'Snapshot' /* 创建任务的 Tag：Snapshot ,必须*/,
    Input: {
      Object: `${config.FileName}` /* 需要截帧的视频文件，存储桶里的路径 */,
    },
    Operation: {
      Snapshot: snapshot /* 使用 ‘步骤 3’ 的参数配置 ,必须 */,
      Output: {
        Bucket: config.Bucket /*     存储结果的存储桶 ,必须 */,
        Region: config.Region /*     存储结果存储桶地域 ,必须 */,
        Object: `result-${Number}.jpg` /* 结果文件的名称，${Number}为多张截图的序号，必须 */,
        SpriteObject: `sprite.jpg` /* 雪碧图的名字 , 雪碧图模式下必须 */,
      },
    },
  },
});
cos.request(
  {
    Bucket: config.Bucket,
    Region: config.Region,
    Method: 'POST',
    Url: url,
    Key: '/jobs' /** 固定值，必须 */,
    ContentType: 'application/xml' /** 固定值，必须 */,
    Body: body,
  },
  (err, data) => {
    console.log(err || data);
  }
);

// 需在对象地址前面拼接 jobs/<jobId>，即：`https://<BucketName-APPID>.ci.<Region>.myqcloud.com/jobs/<jobId>`
// jobId 即为刚刚创建的任务 ID
const host = config.Bucket + '.ci.' + config.Region + '.myqcloud.com';
const url = 'https://' + host + '/jobs/' + JobId;
cos.request(
  {
    Bucket: config.Bucket,
    Region: config.Region,
    Method: 'GET',
    Url: url,
    Key: '/jobs/' + JobId /** 固定值，必须 */,
    ContentType: 'application/xml' /** 固定值，必须 */,
  },
  (err, data) => {
    if (err) {
      // 视频截帧任务查询失败，请在console查看报错信息;
      console.log(JSON.stringify(err));
      return;
    }
    const resp = data.Response || {};
    //判断视频截帧任务是否执行中
    if (resp.JobsDetail.State !== 'Success') {
      console.log('...视频截帧任务执行中');
      return;
    }
    //任务执行完成 截图文件地址为
    const srtUrl = `https://${config.Bucket}.cos.${config.Region}.myqcloud.com/result-0.jpg`;
  }
);