FFmpeg的简单使用【Windows】--- 视频倒叙播放

学前端的小朱

已于 2024-10-12 16:05:46 修改

阅读量1.1k

点赞数 24

分类专栏： FFmpeg 文章标签： ffmpeg windows 音视频视频转换视频倒叙播放

于 2024-10-12 15:19:14 首次发布

本文链接：https://blog.csdn.net/qq_45569925/article/details/142877051

版权

实现功能

点击【选择文件】按钮可以选择视频，当点击【开始处理】按钮之后，会先将视频上传到服务器，然后开始进行视频倒叙播放的处理，当视频处理完毕之后会将输出的文件路径返回，同时在页面中将处理好的视频展示出来。

效果展示

代码实现

说明：

前端代码是使用vue编写的。

后端接口的代码是使用nodejs进行编写的。

前端代码

<template>
  <div id="app">
    <!-- 显示上传的视频 -->
    <div>
      <h2>将要处理的视频</h2>
      <video
        v-for="video in uploadedVideos"
        :key="video.src"
        :src="video.src"
        controls
        style="width: 200px"
      ></video>
    </div>

    <!-- 上传视频按钮 -->
    <input type="file" @change="uploadVideo" accept="video/*" />

    <!-- 显示处理后的视频 -->
    <div>
      <h2>已处理后的视频</h2>
      <video
        v-for="video in processedVideos"
        :key="video.src"
        :src="video.src"
        controls