Node.js下载视频第一帧并将其保存为图片

1、需求

        由于在微信浏览器里，h5页面的video组件无法自动渲染视频第一帧作为封面，所以想着把视频第一帧的图片下载下来放到cdn里作为封面。

2、准备工作

2.1、安装FFmpeg程序

        FFmpeg官网：FFmpeg

2.2、安装fluent-ffmpeg依赖

npm install fluent-ffmpeg

        fluent-ffmpeg：一个基于FFmpeg的流畅的音视频处理库，提供了一种简单而强大的方式来处理音频和视频文件

3、代码实现

// 功能：下载视频第一帧作为封面
const ffmpeg = require('fluent-ffmpeg');
const path = require('path');

// 设置ffmpeg程序路径
ffmpeg.setFfmpegPath("./ffmpeg/bin/ffmpeg.exe")

// 数据源
let dataList= [{
	"id": "1",
	"url": "https://xxxxx1.mp4"
}, {
	"id": "2",
	"url": "https://xxxxx2.mp4"
}]

dataList.forEach(item=>{
  const outputPath = `./img/${item.id}.png` // 图片输出路径
  ffmpeg(item.url)
  // .format('png') // 指定输入格式 
  .on('error', (err)=>{ console.log('An error occurred: ' + err.message) })
  .on('end', ()=>{ console.log('Processing finished !') })
  .screenshot({
    timemarks: ["00:00:01"], // 指定截取的时间点，单位为秒, 设置为1秒，因为精确到0秒可能会因为编解码延迟而错过第一帧
    filename: path.basename(outputPath), // 输出文件名
    folder: path.dirname(outputPath), // 输出文件夹
    size: '360x640' // 输出图片尺寸
  })
})

// 注意：如果视频非常短，可能需要调整timemarks的时间戳