uniapp 安卓ffmpeg音视频处理原生插件

最新推荐文章于 2025-02-15 20:10:26 发布
最新推荐文章于 2025-02-15 20:10:26 发布
阅读量1.8k 收藏 14
点赞数 10
分类专栏： uniapp插件 文章标签： uni-app android ffmpeg 音视频 插件 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lw0911/article/details/136392324
版权

插件介绍

安卓ffmpeg音视频处理原生插件，支持音视频转换，音视频剪切，添加字幕，添加水印等操作，支持自定义指令，取消指令执行等，功能比较全面，支持RTMP文件推流

插件地址

安卓ffmpeg音视频处理原生插件 - DCloud 插件市场

详细使用文档

 uniapp 安卓ffmpeg音视频处理原生插件

超级福利 

uniapp leven系列插件购买超级福利 

用法

公共方法

插件引入

  const commonModule = uni.requireNativePlugin("leven-ffmpeg-CommonModule");

页面内容

<template>
  <view>
    <uni-card title="操作文件">
      <view class="audio-file-box">
        <uni-easyinput v-model="videoPath" placeholder="视频文件路径"></uni-easyinput>
        <button style="margin-left: 10px;" type="primary" @click="selectVideoFile">选择视频文件</button>
      </view>
      <view style="margin-bottom: 5px;"><text style="color: #999999; font-size: 14px;">视频请选择.mp4文件</text></view>
      <view style="margin-bottom: 5px;"><text style="color: #999999; font-size: 14px;">转换后的文件路径：{{dirPath}}</text></view>
      <view><text style="color: #999999; font-size: 14px;">自定义指令内容：{{command}}</text></view>
    </uni-card>
    <uni-card title="公共接口">
      <button type="primary" @click="filePermission">申请文件权限</button>
      <button type="primary" @click="customCommands">自定义指令(以视频翻转为例)</button>
      <button type="primary" @click="cancelCommands">取消执行命令</button>
      <button type="primary" @click="logStr = ''">清空日志</button>
    </uni-card>
    <uni-card class="uni-card-box" title="日志">
      <view><text style="font-size: 14px; flex-wrap: wrap;">{{logStr}}</text></view>
    </uni-card>
  </view>
</template>

<script>
  const commonModule = uni.requireNativePlugin("leven-ffmpeg-CommonModule");
  export default {
    data() {
      return {
        // 视频文件
        videoPath: "",
        //转换后文件所在目录
        dirPath: "/storage/emulated/0/leven-ffmpeg/",
        // 自定义指令内容
        command: "",
        logStr: "",
      }
    },
    methods: {
      // 选择视频文件
      selectVideoFile() {
        commonModule.selectVideoFile(res => {
          this.writeLog(JSON.stringify(res))
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            this.videoPath = res.data.files[0].path;
            this.command = "ffmpeg -y -i " + this.videoPath + " -vf hflip -c:v libx264 " + this.dirPath + "自定义指令后的文件.mp4";
          }
        })
      },
      // 申请文件权限
      filePermission() {
        commonModule.filePermission(res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 自定义指令
      customCommands() {
        commonModule.customCommands({
          cmd: this.command
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 取消执行命令
      cancelCommands() {
        commonModule.cancelCommands(res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 写日志
      writeLog(str) {
        console.log(str);
        let logStr = uni.$lv.date.format(null, "yyyy-mm-dd hh:MM:ss") + " " + str + "\n";
        this.logStr = logStr + this.logStr;
      },
    }
  }
</script>

<style>
  .audio-file-box {
    flex-direction: row;
    margin-bottom: 5px;
  }
</style>

音频操作

插件引入

  const module = uni.requireNativePlugin("leven-ffmpeg-AudioModule");

页面内容

 

<template>
  <view>
    <uni-card title="操作文件">
      <view class="audio-file-box">
        <uni-easyinput v-model="audioPath" placeholder="音频文件路径"></uni-easyinput>
        <button style="margin-left: 10px;" type="primary" @click="selectAudioFile">选择音频文件</button>
      </view>
      <view class="audio-file-box">
        <uni-easyinput v-model="videoPath" placeholder="视频文件路径"></uni-easyinput>
        <button style="margin-left: 10px;" type="primary" @click="selectVideoFile">选择视频文件</button>
      </view>
      <view style="margin-bottom: 5px;"><text style="color: #999999; font-size: 14px;">音频请选择.mp3，视频请选择.mp4文件</text></view>
      <view><text style="color: #999999; font-size: 14px;">转换后的文件路径：{{dirPath}}</text></view>
    </uni-card>
    <uni-card title="音频操作">
      <button type="primary" @click="transformAudio">音频转码</button>
      <button type="primary" @click="cutAudio">音频剪切</button>
      <button type="primary" @click="concatAudio">音频拼接</button>
      <button type="primary" @click="mixAudio">混音</button>
      <button type="primary" @click="changeVolume">更改音频音量</button>
      <button type="primary" @click="extractAudio">从视频文件抽取音频</button>
      <button type="primary" @click="decodeAudio">音频解码PCM</button>
      <button type="primary" @click="encodeAudio">音频编码</button>
      <button type="primary" @click="audioFadeIn">音频淡入</button>
      <button type="primary" @click="audioFadeOut">音频淡出</button>
      <button type="primary" @click="audio2Amr">音频转amr</button>
      <button type="primary" @click="audioInfo">获取音频信息</button>
      <button type="primary" @click="logStr = ''">清空日志</button>
    </uni-card>
    <uni-card class="uni-card-box" title="日志">
      <view><text style="font-size: 14px; flex-wrap: wrap;">{{logStr}}</text></view>
    </uni-card>
  </view>
</template>

<script>
  const commonModule = uni.requireNativePlugin("leven-ffmpeg-CommonModule");
  const module = uni.requireNativePlugin("leven-ffmpeg-AudioModule");
  export default {
    data() {
      return {
        // 音频文件
        audioPath: "",
        // 视频文件
        videoPath: "",
        //转换后文件所在目录
        dirPath: "/storage/emulated/0/leven-ffmpeg/",
        // 当前选择的文件名称
        audioName: "",
        logStr: "",
      }
    },
    methods: {
      // 选择音频文件
      selectAudioFile() {
        commonModule.selectAudioFile(res => {
          this.writeLog(JSON.stringify(res))
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            this.audioPath = res.data.files[0].path;
            this.audioName = res.data.files[0].name.replace(".mp3", "");
          }
        })
      },
      // 选择音频文件
      selectVideoFile() {
        commonModule.selectVideoFile(res => {
          this.writeLog(JSON.stringify(res))
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            this.videoPath = res.data.files[0].path;
          }
        })
      },
      // 申请文件权限
      filePermission() {
        commonModule.filePermission(res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频转码
      transformAudio() {
        module.transformAudio({
          //源文件
          src: this.audioPath,
          // 目标文件
          target: this.dirPath + "转码后的音频.aac"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频剪切
      cutAudio() {
        module.cutAudio({
          //类型，1.根据时长剪切，2.根据结束时间剪切
          type: 2,
          //源文件
          src: this.audioPath,
          // 目标文件
          target: this.dirPath + "剪切后的音频.mp3",
          //开始剪切时间
          startTime: 60,
          //时长（type=1时有效）
          duration: 60,
          //剪切结束时间（type=2时有效）
          endTime: 120
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频拼接
      concatAudio() {
        commonModule.selectAudioFile(res => {
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            let path = res.data.files[0].path;
            module.concatAudio({
              //源文件
              src: this.audioPath,
              //拼接文件
              append: path,
              // 目标文件
              target: this.dirPath + "拼接后的音频.mp3"
            }, res => {
              this.writeLog(JSON.stringify(res))
            })
          }
        })
      },
      // 音频混合
      mixAudio() {
        commonModule.selectAudioFile(res => {
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            let path = res.data.files[0].path;
            module.mixAudio({
              //源文件
              src: this.audioPath,
              //混合文件
              mix: path,
              // 目标文件
              target: this.dirPath + "混音后的音频.mp3"
            }, res => {
              this.writeLog(JSON.stringify(res))
            })
          }
        })
      },
      // 更改音频音量
      changeVolume() {
        module.changeVolume({
          //类型,1.固定音量（单位DB），2.音量的倍数
          type: 2,
          //源文件
          src: this.audioPath,
          //音量值
          // value: 20,
          //音量值（不定音量需要传整形，音量的倍数可以是浮点型）
          value: 1.5,
          // 目标文件
          target: this.dirPath + "更改音频音量后的音频.mp3"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 抽取音频
      extractAudio() {
        module.extractAudio({
          //源文件
          src: this.videoPath,
          // 目标文件(只能是aac格式)
          target: this.dirPath + "抽取音频后的音频.aac"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频解码
      decodeAudio() {
        module.decodeAudio({
          //源文件
          src: this.audioPath,
          // 目标文件(只能是pcm格式)
          target: this.dirPath + "解码后的音频.pcm",
          //采样率
          sampleRate: 44100,
          // 声道:1.单声道，2.立体声道
          channel: 2
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频编码
      encodeAudio() {
        module.encodeAudio({
          //源文件(只能是pcm格式)
          src: this.dirPath + "解码后的音频.pcm",
          // 目标文件
          target: this.dirPath + "编码后的音频.wav",
          //采样率
          sampleRate: 44100,
          // 声道:1.单声道，2.立体声道
          channel: 2
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频淡入
      audioFadeIn() {
        module.audioFadeIn({
          //源文件
          src: this.audioPath,
          // 目标文件
          target: this.dirPath + "音频淡入后的音频.mp3",
          //淡入时长，单位：秒
          duration: 5
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频淡出
      audioFadeOut() {
        module.audioFadeOut({
          //源文件
          src: this.audioPath,
          // 目标文件
          target: this.dirPath + "音频淡出后的音频.mp3",
          //淡出时长，单位：秒
          duration: 10
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音频转amr
      audio2Amr() {
        module.audio2Amr({
          //源文件
          src: this.audioPath,
          // 目标文件
          target: this.dirPath + "音频转amr后的音频.amr"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 获取音频信息
      audioInfo() {
        module.audioInfo({
          //源文件
          src: this.audioPath
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 写日志
      writeLog(str) {
        console.log(str);
        let logStr = uni.$lv.date.format(null, "yyyy-mm-dd hh:MM:ss") + " " + str + "\n";
        this.logStr = logStr + this.logStr;
      },
      // 获取文件的目录
      getFileDir() {

      }
    }
  }
</script>

<style>
  .audio-file-box {
    flex-direction: row;
    margin-bottom: 5px;
  }
</style>

视频操作

插件引入

  const module = uni.requireNativePlugin("leven-ffmpeg-VideoModule");

页面内容

<template>
  <view>
    <uni-card title="操作文件">
      <view class="audio-file-box">
        <uni-easyinput v-model="waterPath" placeholder="水印文件路径"></uni-easyinput>
        <button style="margin-left: 10px;" type="primary" @click="selectImageFile">选择水印文件</button>
      </view>
      <view class="audio-file-box">
        <uni-easyinput v-model="videoPath" placeholder="视频文件路径"></uni-easyinput>
        <button style="margin-left: 10px;" type="primary" @click="selectVideoFile">选择视频文件</button>
      </view>
      <view style="margin-bottom: 5px;"><text style="color: #999999; font-size: 14px;">水印请选择.png，视频请选择.mp4文件</text></view>
      <view><text style="color: #999999; font-size: 14px;">转换后的文件路径：{{dirPath}}</text></view>
    </uni-card>
    <uni-card title="视频操作">
      <button type="primary" @click="transformVideo">视频转码</button>
      <button type="primary" @click="extractVideo">从视频文件抽取视频（无声音）</button>
      <button type="primary" @click="mixAudioVideo">音视频合成</button>
      <button type="primary" @click="cutVideo">视频剪切</button>
      <button type="primary" @click="concatVideo">视频拼接</button>
      <button type="primary" @click="screenShot">视频封面</button>
      <button type="primary" @click="frame2Image">视频某一帧的图片</button>
      <button type="primary" @click="video2Image">视频转图片</button>
      <button type="primary" @click="waterMarkImage">添加水印图片</button>
      <button type="primary" @click="video2Gif">视频转成Gif</button>
      <!-- <button type="primary" @click="screenRecord">屏幕录制</button> -->
      <button type="primary" @click="image2Video">图片合成视频</button>
      <button type="primary" @click="multiVideo">多画面拼接</button>
      <button type="primary" @click="reverseVideo">视频反序倒播</button>
      <button type="primary" @click="denoiseVideo">视频降噪</button>
      <button type="primary" @click="picInPicVideo">画中画</button>
      <button type="primary" @click="videoScaleMultiple">视频倍数缩放</button>
      <button type="primary" @click="videoScaleWidthHeight">视频宽高缩放</button>
      <button type="primary" @click="videoSpeed">视频倍速播放</button>
      <button type="primary" @click="video2Yuv">视频转yuv</button>
      <button type="primary" @click="yuv2H264">YUV转H264</button>
      <button type="primary" @click="video2HLS">视频切片</button>
      <button type="primary" @click="hls2Video">切片合成视频</button>
      <button type="primary" @click="videoParams">参数调节(亮度，对比度，饱和度)</button>
      <button type="primary" @click="videoRotation">视频旋转</button>
      <button type="primary" @click="videoFlip">视频翻转</button>
      <button type="primary" @click="videoInfo">获取视频信息</button>
      <button type="primary" @click="logStr = ''">清空日志</button>
    </uni-card>
    <uni-card class="uni-card-box" title="日志">
      <view><text style="font-size: 14px; flex-wrap: wrap;">{{logStr}}</text></view>
    </uni-card>
  </view>
</template>

<script>
  const commonModule = uni.requireNativePlugin("leven-ffmpeg-CommonModule");
  const module = uni.requireNativePlugin("leven-ffmpeg-VideoModule");
  export default {
    data() {
      return {
        // 水印文件
        waterPath: "",
        // 视频文件
        videoPath: "",
        //转换后文件所在目录
        dirPath: "/storage/emulated/0/leven-ffmpeg/",
        // 当前选择的文件名称
        audioName: "",
        logStr: "",
      }
    },
    methods: {
      // 选择水印文件
      selectImageFile() {
        commonModule.selectImageFile(res => {
          this.writeLog(JSON.stringify(res))
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            this.waterPath = res.data.files[0].path;
          }
        })
      },
      // 选择视频文件
      selectVideoFile() {
        commonModule.selectVideoFile(res => {
          this.writeLog(JSON.stringify(res))
          if (res.code == 0 && res.data && res.data.files && Array.isArray(res.data.files) && res.data.files.length > 0) {
            this.videoPath = res.data.files[0].path;
          }
        })
      },
      // 视频转码
      transformVideo() {
        module.transformVideo({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "转码后的视频.avi"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 抽取视频
      extractVideo() {
        module.extractVideo({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "抽取后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 音视频合成
      mixAudioVideo() {
        module.mixAudioVideo({
          //视频源文件
          videoSrc: this.dirPath + "抽取后的视频.mp4",
          //音频源文件
          audioSrc: this.dirPath + "抽取音频后的音频.aac",
          // 目标文件
          target: this.dirPath + "音视频合成后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频剪切
      cutVideo() {
        module.cutVideo({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "剪切后的视频.mp4",
          // 剪切开始时间（单位：秒）
          startTime: 0,
          // 剪切时长（单位：秒）
          duration: 5,
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频拼接
      concatVideo() {
        module.concatVideo({
          //源文件
          src: this.videoPath,
          // 拼接的视频
          append: this.videoPath,
          // 目标文件
          target: this.dirPath + "拼接后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频拼接
      screenShot() {
        module.screenShot({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频的截图.jpg",
          // 截图宽度，可以不传，默认：0（按视频宽度）
          width: 0,
          // 截图高度，可以不传，默认：0（按视频高度）
          height: 0
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频某一帧的图片
      frame2Image() {
        module.frame2Image({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频某一帧的图片的截图.jpg",
          // 某一帧的时间，格式：hh:mm:ss.xxx
          time: "00:00:05.123"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频转图片
      video2Image() {
        module.video2Image({
          //源文件
          src: this.videoPath,
          // 目标文件夹
          target: this.dirPath + "video2Image/",
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 添加水印图片
      waterMarkImage() {
        module.waterMarkImage({
          //源文件
          src: this.videoPath,
          //水印文件
          water: this.waterPath,
          // 目标文件夹
          target: this.dirPath + "添加水印后的视频.mp4",
          // 水印位置,1.左上角（默认），2.右上角，3.右下角，4.左下角
          position: 2
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频转gif
      video2Gif() {
        module.video2Gif({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频转gif后的图片.gif",
          //开始时间，单位：秒
          startTime: 0,
          // 时长，单位：秒
          duration: 5
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 图片转视频
      image2Video() {
        module.image2Video({
          //源文件(图片列表的文件夹)
          src: this.dirPath + "video2Image/",
          // 目标文件
          target: this.dirPath + "图片转视频后的视频.mp4",
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 多画面拼接
      multiVideo() {
        module.multiVideo({
          //源文件
          src: this.videoPath,
          //要拼接的文件
          append: this.videoPath,
          // 目标文件
          target: this.dirPath + "多画面拼接后的视频.mp4",
          // 布局方向,1.横向拼接，2.垂直拼接
          direction: 1
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频反序倒播
      reverseVideo() {
        module.reverseVideo({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频反序倒播后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频降噪
      denoiseVideo() {
        module.denoiseVideo({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频降噪后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 画中画
      picInPicVideo() {
        module.picInPicVideo({
          //源文件
          src: this.videoPath,
          //画中画文件
          append: this.videoPath,
          // 画中画宽度
          width: 300,
          // 画中画高度
          height: 200,
          // 画中画位置,1.左上角（默认），2.右上角，3.右下角，4.左下角
          position: 2,
          // 目标文件
          target: this.dirPath + "画中画后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频倍数缩放
      videoScaleMultiple() {
        module.videoScaleMultiple({
          //源文件
          src: this.videoPath,
          // 类型，1.缩小，2.放大
          type: 1,
          // 缩放的倍数
          value: 2,
          // 目标文件
          target: this.dirPath + "视频倍数缩放后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频宽高缩放
      videoScaleWidthHeight() {
        module.videoScaleWidthHeight({
          //源文件
          src: this.videoPath,
          // 宽度，-1.高度等比例缩放
          width: 200,
          // 高度,-1.宽度等比例缩放
          height: 300,
          // 目标文件
          target: this.dirPath + "视频宽高缩放后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频倍数播放
      videoSpeed() {
        module.videoSpeed({
          //源文件
          src: this.videoPath,
          // 播放速度，取值范围：[0.25,4] 小于1快速播放，大于1慢速播放
          speed: 2,
          // 目标文件
          target: this.dirPath + "视频倍数播放后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频转YUV
      video2Yuv() {
        module.video2Yuv({
          //源文件
          src: this.videoPath,
          // 目标文件
          target: this.dirPath + "视频转YUV后的文件.yuv"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // YUV转H264
      yuv2H264() {
        module.yuv2H264({
          //源文件
          src: this.dirPath + "视频转YUV后的文件.yuv",
          // 转换后的宽度，默认：720
          width: 720,
          // 转换后的高度，默认：1280
          height: 1280,
          // 目标文件
          target: this.dirPath + "YUV转H264后的文件.h264"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频切片
      video2HLS() {
        module.video2HLS({
          //源文件
          src: this.videoPath,
          // 切片时长
          splitTime: 5,
          // 目标文件
          target: this.dirPath + "hls/切片文件.m3u8"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 切片合成视频
      hls2Video() {
        module.hls2Video({
          //切片文件
          src: this.dirPath + "hls/切片文件.m3u8",
          // 目标文件
          target: this.dirPath + "切片合成的视频后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频参数调节
      videoParams() {
        module.videoParams({
          //源文件
          src: this.videoPath,
          // 亮度，有效值[-1.0,1.0]，默认：0
          bright: 0.1,
          //对比度，有效值[-2.0,2.0]，默认：0
          contrast: 0.9,
          // 饱和度,有效值[0,3.0]，默认：1
          saturation: 3,
          // 目标文件
          target: this.dirPath + "视频参数调节后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频旋转
      videoRotation() {
        module.videoRotation({
          //源文件
          src: this.videoPath,
          // 旋转类型，1.顺时针旋转画面90度，2.逆时针旋转画面90度，3.顺时针旋转画面90度再水平翻转， 0.逆时针旋转画面90度水平翻转
          transpose: 1,
          // 目标文件
          target: this.dirPath + "视频旋转后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 视频翻转
      videoFlip() {
        module.videoFlip({
          //源文件
          src: this.videoPath,
          // 翻转类型，1.水平翻转，2.垂直翻转
          type: 1,
          // 目标文件
          target: this.dirPath + "视频翻转后的视频.mp4"
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 获取视频信息
      videoInfo() {
        module.videoInfo({
          //源文件
          src: this.videoPath
        }, res => {
          this.writeLog(JSON.stringify(res))
        })
      },
      // 写日志
      writeLog(str) {
        console.log(str);
        let logStr = uni.$lv.date.format(null, "yyyy-mm-dd hh:MM:ss") + " " + str + "\n";
        this.logStr = logStr + this.logStr;
      },
      // 获取文件的目录
      getFileDir() {

      }
    }
  }
</script>

<style>
  .audio-file-box {
    flex-direction: row;
    margin-bottom: 5px;
  }
</style>

插件方法

公共方法

  1. 申请文件权限
  2. 自定义指令
  3. 取消执行命令

音频操作 

  1. 音频转码
  2. 音频剪切
  3. 音频拼接
  4. 混音
  5. 更改音频音量
  6. 从视频文件抽取音频
  7. 音频解码PCM
  8. 音频编码
  9. 音频淡入
  10. 音频淡出
  11. 音频转amr
  12. 获取音频信息

视频操作

  1.  视频转码
  2. 从视频文件抽取视频（无声音）
  3. 音视频合成
  4. 视频剪切
  5. 视频拼接
  6. 视频封面
  7. 视频某一帧的图片
  8. 视频转图片
  9. 添加水印图片
  10. 视频转成Gif
  11. 图片合成视频
  12. 多画面拼接
  13. 视频反序倒播
  14. 视频降噪
  15. 画中画
  16. 视频倍数缩放
  17. 视频宽高缩放
  18. 视频倍速播放
  19. 视频转yuv
  20. YUV转H264
  21. 视频切片
  22. 切片合成视频
  23. 参数调节
  24. 视频旋转
  25. 视频翻转
  26. 获取视频信息
  27. 视频压缩
  28. 注册推流服务
  29. 开始推流
  30. 关闭推流

具体方法的使用请参考使用说明文档 

联系作者

 购买插件前请先试用，试用通过再购买。在试用中如果遇到任何问题，可与作者联系，QQ：334106817，将全力协助你使用本插件。

图片预览

uniapp开发FFmpeg安卓原生短视频插件支持裁剪、添加背景音乐、压缩视频、视频播放器、拍照、录屏
专注移动开发
08-10 6554
花了一个多礼拜，终于开发出来了。使用FFmpeg自主研发，不需要依赖第三方SDK。 给大家看看效果 使用说明： <template> <view class="content"> <button @click="callNativeVideoCropUI">裁剪视频</button> <button @click="callNativeVideoBgMusicUI">添加背景音乐</button> &.
即时通讯/聊天源码/聊天APP/im/PC/H5/安卓/苹果/开源
a10070620的博客
11-07 5859
新增底部菜单中间加入一个主页按钮，名称和网址在app内修改 升级日期2021.9.1— 新增后台修改用户资金密码 新增用户注册后台显示IP地址 修复PC端接收语音消息和图片不显示需要刷新才显示 修复视频不能发送，就算能发送也不显示视频图 升级日期2021.9.12— 新增资金密码限制6位 新增付费入群 新增后台设置注册验证码开关 新增登录自动签到 修改新人抢红包提示绑定银行卡改为提示设置资金密码，只保留提款才需绑定银行卡 修改友改备注长度不够，限制了7个字符，改成20个 修改资金密码输入任意原密码都有效的错
ffmpeg音视频处理工具
02-12
非常强大的图片音视频处理工具，支持CMD运行，包含dll一起。指令可以网上找，非常简单实用的工具ffmpeg新版
Uniapp 短视频去水印解析工具开发实现
繁依Fanyi的博客
02-15 1411
整个过程还是蛮顺畅的，主要是借助了 Uniapp 和现成的视频解析 API 来实现短视频去水印解析的核心功能。当然，代码中还是有一些细节需要注意，比如正则表达式的使用、接口请求的错误处理等。整个工具界面友好，操作简单，相信大家用起来会感觉不错！代码其实也没啥复杂的地方，简单实用才是硬道理。希望大家喜欢这个工具，如果你有更好的优化建议，欢迎一起交流~
uni-app FFmpeg升级增强完整版、跟官方video不冲突(ios、andorid)
杨克进的博客
07-11 1666
FFmpeg升级增强完整版、跟官方video不冲突、视频编辑 音频编辑 视频压缩 合成 裁剪 图片 水印 gif 转码...
uniapp blob格式转换为video .mp4文件使用ffmpeg工具
qq_37550440的博客
12-19 2013
uniapp blob转换为video .mp4文件使用ffmpeg工具 格式转换：FFmpeg 可以将一个媒体文件从一种格式转换为另一种格式，支持几乎所有常见的音频和视频格式，包括 MP4、AVI、MKV、MOV、FLV、MP3、AAC 等。 视频处理：FFmpeg 可以进行视频编码、解码、裁剪、旋转、缩放、调整帧率、添加水印等操作。你可以使用它来调整视频的分辨率、剪辑和拼接视频片段，以及对视频进行各种效果处理。 音频处理：FFmpeg 可以进行音频编码、解码、剪辑、混音、音量调节等操作。你可以用它来提取
uniapp：记录使用uniapp对接腾讯音视频插件（TUICallKit ）
sunluyi的博客
03-07 5586
记录使用uniapp对接腾讯音视频插件（TUICallKit ）过程分享。
uni-app录制视频插件，视频压缩，支持设置分辨率和视频名称
09-10
uni-app在Android平台上录制视频，支持设置分辨率和视频名称，有取消、重录和完成功能 视频录制 视频设置分辨率 Android录制视频 资源包中有demo源码和相关操作文档
Flutter 将ffmpeg动态库制做成插件
codeofcc的博客
10-24 1163
有了上一章的ffmpeg接口，我们可以很方便的通过dart调用ffmpeg，但是需要自己部署ffmpeg动态库还是比较麻烦的，尤其是多个平台多个项目时，去一个一个编写部署代码显然是不合理的。最好方式应该是将ffmpeg动态库的部署写在一个插件中，需要使用的项目直接引用插件即可。
阿里/腾讯直播HBuilderX集成uniapp原生插件步骤
10-12
在uni-app项目中，将下载的原生插件解压，然后把Android和iOS的SDK文件夹分别放入项目的`android`和`ios`目录下。同时，你需要在项目的`manifest.json`配置文件中声明这个插件，以便HBuilderX能够识别并处理它。 3...
@ffmpeg/ffmpeg在uniapp中使用
最新发布
03-30
用户提到ffmpeg，而ffmpeg是一个强大的音视频处理库，但直接在uniapp中使用可能受限，因为uniapp主要处理的是JavaScript层面的逻辑，而ffmpeg需要原生代码支持。 接下来，用户的需求是集成ffmpeg插件或实现音视频...
最简单的基于FFmpeg的移动端例子附件：SDL Android HelloWorld
04-01
Android程序SDL2类库使用说明 简单记录一下Android程序使用SDL2类库的方法。这部分的信息可以参考SDL2源代码目录中的README-android.txt文件。SDL2使用的步骤可以分为以下步骤：
FFmpeg——在Vue项目中使用FFmpeg（安装、配置、使用、SharedArrayBuffer、跨域隔离、避坑...）
热门推荐
HuoZhiyan 的博客
12-17 1万+
本文介绍了FFmpeg在Vue项目中从0到1的使用，从安装 => 配置 => 简单使用 => 认识SharedArrayBuffer和跨域隔离 => 避坑...
【uniapp】uniapp开发安卓切换视频链接app闪退问题
搬砖小鱼，请多指教呦
04-30 2513
较低版本的安卓系统会存在 切换视频链接黑屏或者直接闪退的问题 一般是 安卓8以下的系统 我是开发在投影仪上的，系统更老，才5.7，所以就出现了闪退问题 有两个方法可以尝试解决 方法一：video标签添加 codec="software" 解码器选择，hardware：硬解码（硬解码可以增加解码算力，提高视频清晰度。少部分老旧硬件可能存在兼容性问题）；software：ffmpeg 软解码； 如果还不可以就再添加 http-cache=false 【这个主要能解决一部分黑屏和加载不动的问题】
FFMPEG跨平台iOS&Android高级教程
wangjg0317的专栏
05-03 369
需要下载链接的朋友请联系她：qq：591414505
2019最新《FFMPEG跨平台iOS&Android高级开发教程》
yankee_aqua的博客
02-22 1237
┣━━资料┃    ┗━━资料.rar [111.4M]┣━━1 ffmpeg介绍.mp4 [97.6M]┣━━2 编译ffmpeg.mp4 [1.2G]┣━━3.获取H264数据.mp4 [92.6M]┣━━4.ffmpeg解码h264-1.mp4 [255.3M]┣━━5.ffmpeg解码h264-2.mp4 [344.3M]┣━━6.OpenGL ES渲染YUV图像1.mp4 [470.9M...
uniapp播放mp4省流方案
刘登辉的博客
02-22 1765
背景：因为项目要播放一个宣传和讲解视频，视频文件过大，同时还为了节省存储流量，想到了一个方案，用m3u8切片替代mp4。m3u8：切片播放，可以理解为一个1G的视频文件，自行设置文件分割大小，通过切片，把视频1G分割成若干个小片段，播放的时候由.m3u8文件来指定在某个时间节点播放某个切片，好处就是拖动进度条不需要下载1G的文件，只需要根据m3u8记录的拖动时间的.ts文件进行下载播放。mp4：文件流，下载完之后再播放，这个1G先转圈圈下载，下载完之后再播放。实现切片，需要两步。
uniapp直播功能第三方api
xiaomann的博客
06-19 2181
uniapp直播
ffmpeg.js的基本使用
MsWRight的博客
11-17 6650
现在的视频格式有很多，比如MP4，WebM等，我们在开发过程中也经常需要进行格式转换，所以今天给大家分享一下ffmpeg，一个视频格式的处理工具。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜中雨滴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值