DeepSeek前端调研-第二篇

背景

在开发过程中,AI团队他们需要语音格式为opus,但是h5录音的格式为webm,这就需要ffmpeg来进行格式转换,为了验证这一技术可行性,就写了个demo验证下。

安装ffmpeg

以windows举例,在官网下载安装包:www.gyan.dev/ffmpeg/buil... 点击Windows builds from gyan.dev,进入下图,点击ffmpeg-git-full.7z,就会下载安装包,解压即可使用。 配置PATH环境变量

验证是否安装成功,在cmd里输入ffmpeg -version,下图即为安装成功

实现过程

npm安装核心依赖,fluent-ffmpeg是简化库,@ffmpeg-installer/ffmpeg用于获取安装路径。

bash 复制代码
npm install fluent-ffmpeg @ffmpeg-installer/ffmpeg

下面是nodejs代码

js 复制代码
const http = require('http');
const path = require('path');
const ffmpeg = require('fluent-ffmpeg');
// 设置ffmpeg安装包路径
const ffmpegPath = require('@ffmpeg-installer/ffmpeg').path;
ffmpeg.setFfmpegPath(ffmpegPath);
 
// 创建HTTP服务器并监听3000端口
const server = http.createServer(async (req, res) => {
    // 假设你已经有一个 WebM 格式的 Blob 文件
    const inputBlobPath = path.join(__dirname, 'recording.webm'); // 输入文件路径
    const outputOpusPath = path.join(__dirname, 'output.opus'); // 输出文件路径
    // 转换为 Opus
    const opusFilePath = await convertWebMToOpus(inputBlobPath, outputOpusPath);
    console.log('Opus 文件已生成:', opusFilePath);
});
 
server.listen(3000, () => {
    console.log('Proxy server is listening on port 3000');
});

// webm转opus
function convertWebMToOpus(inputPath, outputPath) {
  return new Promise((resolve, reject) => {
    ffmpeg(inputPath)
      .output(outputPath)
      .audioCodec('libopus') // 指定音频编码器为 libopus
      .on('end', () => {
        console.log('转换完成:', outputPath);
        resolve(outputPath);
      })
      .on('error', (err) => {
        console.error('转换失败:', err.message);
        reject(err);
      })
      .run();
  });
}
相关推荐
code_YuJun2 小时前
corepack 作用
前端
千寻girling2 小时前
Koa.js 教程 | 一份不可多得的 Node.js 的 Web 框架 Koa.js 教程
前端·后端·面试
全栈前端老曹2 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
code_YuJun2 小时前
pnpm-workspace.yaml
前端
天才熊猫君2 小时前
“破案”笔记:iframe动态加载内容后,打印功能为何失灵?
前端
五月君_3 小时前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_3 小时前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
鹏北海-RemHusband3 小时前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied3 小时前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
光影少年3 小时前
AI 前端 / 高级前端
前端·人工智能·状态模式