当前位置：首页 > news >正文

cocos creator 集成ffmpeg

news 来源：原创 2024/9/25 14:20:56

npm install @ffmpeg/ffmpeg@0.10.1 @ffmpeg/core@0.10.0

2
node_modules@ffmpeg\ffmpeg\package.json添加

"exports": {"./dist/ffmpeg.min.js": "./dist/ffmpeg.min.js"
},

3
导入使用：

import { createFFmpeg, fetchFile } from "@ffmpeg/ffmpeg/dist/ffmpeg.min.js";

4
FFmpegCore.js SharedArrayBuffer is not defined

浏览器快捷方式的目标最后面加 --enable-features=SharedArrayBuffer

5
示例

import { createFFmpeg, fetchFile } from "@ffmpeg/ffmpeg/dist/ffmpeg.min.js";module.exports = {logs: '',init() {window.ffmpeg = createFFmpeg({log: true, logger: (...args) => {for (let i = 0; i < args.length; i++) {this.logs = this.logs + JSON.stringify(args[i])}},});},async compressVideo(fileurl, callback) {this.logs = ''let ffmpeg = window.ffmpegif (!ffmpeg.isLoaded()) {await ffmpeg.load();}let filename = `${new Date().getTime()}.mp4`ffmpeg.FS('writeFile', filename, await fetchFile(fileurl));await ffmpeg.run('-i', filename);const durationMatch = this.logs.match(/Duration: (\d+:\d+:\d+\.\d+)/);const bitrateMatch = this.logs.match(/bitrate:\s+(\d+)\s+kb\/s/);const duration = durationMatch ? this.parseDuration(durationMatch[1]) : 0;const bitrate = bitrateMatch ? parseInt(bitrateMatch[1]) * 1000 : 0; // 转换为 bpsconsole.log(`视频时长: ${duration} 秒`);console.log(`原编码率: ${bitrate} bps`);ffmpeg.FS('unlink', filename);},parseDuration(durationString) {const parts = durationString.split(':');return (parseInt(parts[0]) * 3600) + (parseInt(parts[1]) * 60) + parseFloat(parts[2]);}}