Electron录制-webm转mp4时长拉长问题

问题1

在导出视频时,发现最终导出视频的时长与实际录制的视频时长不一样,而且视频中某一帧会延迟。

猜想0

在项目中使用mp4-wasm导出mp4视频,同时利用canvas做一些效果,猜想是在canvas处理时有延迟。但是当把canvas处理效果全部注释,导出效果还是一直。

猜想1

修改视频导出的方案,替换成 canvas中 captureStream方式 + ffmpeg,有时候正常有时候还是一样的问题。

😓

但是把视频的buffer数据转换成blob的url播放时正常----,突然想到在YouTube看视频时,切换tab会自动暂停视频,从这个方向在video监听暂停事件上看,确实如此!!!!

解决

在导出的时候,只要继续播放即可!

复制代码
webPreferences: {       backgroundThrottling: false     }

webm转换mp4

改用ffmpeg转换视频格式后

1、录制的视频是用 h264 格式来编码的。这样后续转码的时候视频部分可以直接拷贝,大大提升转码的速度

2、画质提升,添加ffmpge滤镜:

复制代码
'eq=contrast=1.2:brightness=0.05:saturation=1.3:gamma=1.0', // 调整对比度、亮度、饱和度、伽玛
相关推荐
和平宇宙13 小时前
AI笔记005. hermes-DeepSeek V4 Pro, 128K上下文引发的探索
前端·人工智能·笔记
IT_陈寒13 小时前
Redis持久化这个坑,我爬了一整天才出来
前端·人工智能·后端
naildingding13 小时前
3-ts接口 Interface
前端·typescript
mONESY13 小时前
JavaScript 栈、队列、数组与链表核心知识点总结
javascript·面试
小小前端仔LC13 小时前
Node.js + LangChain + React:搭建个人知识库(六)- “吃什么”项目实战:从700+菜谱入库到Taro H5端JSON渲染
前端·后端
ZengLiangYi13 小时前
TypeScript 项目配置:tsconfig、ESM、路径别名
javascript·typescript·aigc
晓131314 小时前
【Cocos Creator 3.x】篇——第二章 入门
前端·javascript·游戏引擎
想要成为糕糕手14 小时前
前端必修课:JavaScript 数组与数据结构底层逻辑全解析
javascript·数据结构·面试
程序员黑豆14 小时前
AI全栈开发之Java:怎么配置Java环境变量
前端·后端·ai编程
xiaofeichaichai14 小时前
React Hooks
前端·javascript·react.js