uniapp blob格式转换为video .mp4文件使用ffmpeg工具

devtools/2024/12/22 7:21:01/

前言

介绍一下这三种对象使用场景

 您前端一旦涉及到文件或图片上传Q到服务器,就势必离不了 Blob/File /base64 三种主流的类型它们之间 互转 也成了常态

  • Blob - File
  • Blob -Base64
  • Base64 - Blob
  • File-Base64
  • Base64 _ File

uniapp 上传文件

现在已获取到了blob格式的视频,现在需要把blob文件转换为视频

首先验证blob格式是否能播放

this.videoSrc = URL.createObjectURL(blob); // 转换后 用于挂载到视频播放器得转换
console.log('this.videoSrc ==》', this.videoSrc);

使用ffmpeg工具转换为MP4文件

去官网下载下载 FFmpeg并配置对应的环境变量

C:\path\to\ffmpeg\bin

即可

ffmpeg -version  // 能查看版本信息说明配置成功

 使用node.js命令转换

const {execSync} = require('child_process')

execSync(`ffmpeg -i blob test.mp4`,{stdio:'inherit'})

// execSync(`ffmpeg -i 1.mp4 1.gif`,{stdio:'inherit'})

下载到手机相册

uni.downloadFile({url: 'xxxx/water/app/event_vdo/2024/12/16/34_4_27_20241216_102340_70_0.mp4',success: function (res) {var filePath = res.tempFilePath;console.log('filePath===>',filePath);uni.showToast({icon:'none',title:'文件下载成功'})// 下载成功后,调用微信保存图片到系统相册APIuni.saveImageToPhotosAlbum({filePath: filePath,success: function () {console.log('保存成功');},fail: function (err) {console.error('保存失败', err);}});},fail:function(err){console.log(err);}});

 

FFmpeg 的主要功能和特性:

  1. 格式转换:FFmpeg 可以将一个媒体文件从一种格式转换为另一种格式,支持几乎所有常见的音频和视频格式,包括 MP4、AVI、MKV、MOV、FLV、MP3、AAC 等。
  2. 视频处理:FFmpeg 可以进行视频编码、解码、裁剪、旋转、缩放、调整帧率、添加水印等操作。你可以使用它来调整视频的分辨率、剪辑和拼接视频片段,以及对视频进行各种效果处理。
  3. 音频处理:FFmpeg 可以进行音频编码、解码、剪辑、混音、音量调节等操作。你可以用它来提取音频轨道、剪辑和拼接音频片段,以及对音频进行降噪、均衡器等处理。
  4. 流媒体传输:FFmpeg 支持将音视频流实时传输到网络上,可以用于实时流媒体服务、直播和视频会议等应用场景。
  5. 视频处理效率高:FFmpeg 是一个高效的工具,针对处理大型视频文件和高分辨率视频进行了优化,可以在保持良好质量的同时提供较快的处理速度。
  6. 跨平台支持:FFmpeg 可以在多个操作系统上运行,包括 Windows、MacOS、Linux 等,同时支持多种硬件加速技术,如 NVIDIA CUDA 和 Intel Quick Sync Video。

视频转gif

const {execSync} = require('child_process')

execSync(`ffmpeg -i test.mp4 test.gif`,{stdio:'inherit'})

添加水印

const {execSync} = require('child_process')

execSync(`ffmpeg -i test.mp4 -vf drawtext=text="XMZS":fontsize=30:fontcolor=white:x=10:y=10 test2.mp4`,{stdio:'inherit'})

视频裁剪 + 控制大小

-ss 起始时间

-to 结束事件

const {execSync} = require('child_process')

execSync(`ffmpeg -ss 10 -to 20 -i test.mp4  test3.mp4`,{stdio:'inherit'})

 提取视频的音频

const {execSync} = require('child_process')

execSync(`ffmpeg -i test.mp4 test.mp3`,{stdio:'inherit'})

去掉水印

const {execSync} = require('child_process')

execSync(`ffmpeg -i  test2.mp4 -vf delogo=w=120:h=30:x=10:y=10 test3.mp4`,{stdio:'inherit'})


http://www.ppmy.cn/devtools/144305.html

相关文章

Vue.js前端框架教程12:Vue表单验证rules和form.validate

文章目录 表单验证:rulesformRef.value.validate 表单验证 在 Vue 中,:rules 和 formRef.value.validate 通常用于表单验证。:rules 是一个对象,定义了表单字段的验证规则,而 formRef.value.validate 是一个方法,用于触发表单验证…

Android笔试面试题AI答之SQLite(3)

文章目录 11. 概述SQLite支持的编译指令(pragma) ?12. SQLite数据库中如何进行大量的数据插入?13. 简述对SQLite事务的认识 ?14. 简述SQLite升级要注意哪些地方 ? 11. 概述SQLite支持的编译指令(pragma) ? SQLite 支持…

【每日一题 基础题】[蓝桥杯 2020 省 AB3] 乘法表

[蓝桥杯 2020 省 AB3] 乘法表 乘法表 九九乘法表是学习乘法时必须要掌握的。在不同进制数下,需要不同的乘法表。 例如, 四进制下的乘法表如下所示: 1 * 11 2 * 12 2 * 210 3 * 13 3 * 212 3 * 321 请注意,乘法表中两个数相乘的顺序必须为样例…

mybatisPlus使用步骤详解

1.导包&#xff1a; <!--mybatis-plus jar文件--><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.5.1</version></dependency> yml和之前的相比多了一个-…

视频及JSON数据的导出并压缩

npm下载安装 jszip 和 file-saver 这两个库来实现文件的压缩和保存功能&#xff1a; npm install jszip npm install file-saver 导入依赖库&#xff1a; import JSZip from jszip; import { saveAs } from file-saver; 方法实现&#xff1a; batchDownload() {const zip…

Mapbox-GL 的源码解读的一般步骤

Mapbox-GL 是一个非常优秀的二三维地理引擎&#xff0c;随着智能驾驶时代的到来&#xff0c;应用也会越来越广泛&#xff0c;关于mapbox-gl和其他地理引擎的详细对比&#xff08;比如CesiumJS&#xff09;&#xff0c;后续有时间会加更。地理首先理解 Mapbox-GL 的源码是一项复…

前端滚动锚点(点击后页面滚动到指定位置)

三个常用方案&#xff1a; 1.scrollintoView 把调用该方法的元素滚动到屏幕的指定位置&#xff0c;中间&#xff0c;底部&#xff0c;或者顶部 优点&#xff1a;方便&#xff0c;只需要获取元素然后调用 缺点&#xff1a;不好精确控制&#xff0c;只能让元素指定滚动到中间&…

小红书关键词搜索采集 | AI改写 | 无水印下载 | 多维表格 | 采集同步飞书

小红书关键词搜索采集 | AI改写 | 无水印下载 | 多维表格 | 采集同步飞书 一、下载影刀&#xff1a; https://www.winrobot360.com/share/activity?inviteUserUuid595634970300317698 二、加入应用市场 https://www.yingdao.com/share/accede/?inviteKeyb2d3f22a-fd6c-4a…