优化使用 Flask 构建视频转 GIF 工具
优化使用 Flask 构建视频转 GIF 工具
优化后的项目概述
在优化后的版本中，我们将实现以下功能：
- 可设置每个 GIF 的帧率和大小：用户可以选择 GIF 的帧率和输出大小。
- 改进的用户界面：使用更现代的设计使界面更美观、整洁。
- 自定义生成的 GIF 文件名：用户可以为每个视频设置开始时间和持续时间。
优化后的项目结构
your_project/
│
├── app_plus.py # 优化后的 Flask 应用
├── input_videos/ # 上传视频的文件夹
├── output_gifs/ # 输出 GIF 的文件夹
└── templates/└── index_plus.html # 优化后的 HTML 前端页面
Flask 应用代码 (app_plus.py)
from flask import Flask, request, render_template, redirect, url_for, send_from_directory
import subprocess
import osapp = Flask(__name__)
app.config['UPLOAD_FOLDER'] = './input_videos/'
app.config['OUTPUT_FOLDER'] = './output_gifs/'# 确保上传和输出文件夹存在
os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)
os.makedirs(app.config['OUTPUT_FOLDER'], exist_ok=True)def convert_video_to_gif(input_video_path, output_gif_path, start_time, duration, fps, scale):command = ['ffmpeg','-ss', str(start_time),'-t', str(duration),'-i', input_video_path,'-vf', f'fps={fps},scale={scale}:-1:flags=lanczos','-c:v', 'gif',output_gif_path]subprocess.run(command)@app.route('/', methods=['GET', 'POST'])
def index():if request.method == 'POST':video_files = request.files.getlist('video_files')start_times = request.form.getlist('start_times')durations = request.form.getlist('durations')fps = request.form['fps']scale = request.form['scale']custom_name = request.form['custom_name'] # 获取自定义文件名for index, video_file in enumerate(video_files):if video_file:input_video_path = os.path.join(app.config['UPLOAD_FOLDER'], video_file.filename)# 使用用户提供的自定义文件名生成 GIF 文件output_gif_path = os.path.join(app.config['OUTPUT_FOLDER'], f"{custom_name}_{index}.gif")video_file.save(input_video_path)convert_video_to_gif(input_video_path, output_gif_path, start_times[index], durations[index], fps, scale)return redirect(url_for('index')) # 重定向回主页return render_template('index_plus.html')@app.route('/output_gifs/<filename>')
def send_gif(filename):return send_from_directory(app.config['OUTPUT_FOLDER'], filename)if __name__ == '__main__':app.run(debug=True)
HTML 页面代码 (index_plus.html)
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>视频转GIF工具</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"><style>body {font-family: 'Arial', sans-serif;margin: 0;padding: 0;background-color: #f0f0f0;color: #333;}.container {max-width: 800px;margin: 50px auto;padding: 30px;background: white;border-radius: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);text-align: center;}h1 {color: #4CAF50;margin-bottom: 20px;}input[type="file"], input[type="number"], input[type="text"] {margin: 10px 0;padding: 15px;width: calc(100% - 30px);border: 1px solid #ccc;border-radius: 5px;transition: border-color 0.3s;}input[type="file"]:hover, input[type="number"]:hover, input[type="text"]:hover {border-color: #4CAF50;}button {margin: 20px 0;padding: 15px;width: 100%;background-color: #4CAF50;color: white;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}button:hover {background-color: #45a049;}footer {margin-top: 30px;font-size: 14px;color: #777;}.video-input {margin-bottom: 20px;border: 1px solid #ccc;border-radius: 5px;padding: 10px;}.video-input div {margin-bottom: 10px;}@media (max-width: 600px) {.container {padding: 20px;}h1 {font-size: 24px;}}</style>
</head>
<body><div class="container"><h1>视频转GIF工具</h1><form action="/" method="post" enctype="multipart/form-data"><div class="video-input"><input type="file" name="video_files" accept="video/*" multiple required><input type="number" name="start_times" placeholder="开始时间（秒）" required><input type="number" name="durations" placeholder="持续时间（秒）" required></div><label for="fps">帧率 (fps):</label><input type="number" name="fps" placeholder="例如: 10" required><label for="scale">输出大小 (宽度):</label><input type="text" name="scale" placeholder="例如: 320" required><label for="custom_name">自定义文件名:</label><input type="text" name="custom_name" placeholder="例如: my_gif" required><button type="submit">转换为 GIF</button></form><footer><p>© 2025 无限大</p></footer></div>
</body>
</html>
说明
-
Flask 应用 (
app_plus.py)：- 设置上传和输出文件夹。
- 提供一个函数
convert_video_to_gif，用来调用 FFmpeg 生成 GIF 文件。 - 在
/路由中处理文件上传和 GIF 生成。 - 获取用户输入的自定义 GIF 文件名，生成的文件名为
自定义名字 + 索引 + .gif以避免重名问题。
-
HTML 界面 (
index_plus.html)：- 创建一个用户输入界面，允许用户上传视频、设置时间参数、帧率和输出大小。
- 添加输入框让用户输入自定义 GIF 文件名。
依赖
确保安装了 Flask 和 FFmpeg：
pip install Flask
并确保 FFmpeg 已正确安装并在系统路径中。
启动和测试
运行 Flask 应用：
python app_plus.py
在浏览器中访问 http://127.0.0.1:5000/ 测试功能。
相关文章：
优化使用 Flask 构建视频转 GIF 工具
优化使用 Flask 构建视频转 GIF 工具 优化后的项目概述 在优化后的版本中，我们将实现以下功能： 可设置每个 GIF 的帧率和大小：用户可以选择 GIF 的帧率和输出大小。改进的用户界面：使用更现代的设计使界面更美观、整洁。自定义…...
unity学习20：time相关基础 Time.time 和 Time.deltaTime
目录 1 unity里的几种基本时间 1.1 time 相关测试脚本 1.2 游戏开始到现在所用的时间 Time.time 1.3 时间缩放值 Time.timeScale 1.4 固定时间间隔 Time.fixedDeltaTime 1.5 两次响应时间之间的间隔：Time.deltaTime 1.6 对应测试代码 1.7 需要关注的2个基本…...
【趋势】《2024—2026金融科技十大趋势预测》一览
本白皮书基于新华三在金融行业的前沿实践和IDC的全球研究成果，深入分析了金融科技领域的十大关键趋势，旨在为金融机构提供前瞻性的战略指导和业务创新的参考。 导言 当前，在地缘政治冲突加剧、商业经济市场环境高度不确定、数字化业务加速发展的背景下，金融行业处于深度变…...
Qt调用ffmpeg库录屏并进行UDP组播推流
基于以下参考链接，采用其界面和程序框架，实现实时推送UDP组播视频流，替换原拉流功能 https://blog.csdn.net/u012532263/article/details/102736700 源码在windows（qt-opensource-windows-x86-5.12.9.exe）、ubuntu20.…...
HarmonyOS：创建应用静态快捷方式
一、前言 静态快捷方式是一种在系统中创建的可以快速访问应用程序或特定功能的链接。它通常可以在长按应用图标，以图标和相应的文字出现在应用图标的上方，用户可以迅速启动对应应用程序的组件。使用快捷方式，可以提高效率，节省了查…...
mysql 学习6 DQL语句，对数据库中的表进行 查询 操作
前期准备数据 重新create 一张表 create table emp(id int comment 编号,workno varchar(10) comment 工号,name varchar(10) comment 姓名,gender char comment 性别,ager tinyint unsigned comment 年龄,idcard char(18) comment 身份证号,workaddress varchar(10) c…...
【ES实战】治理项之索引模板相关治理
索引模板治理 文章目录 索引模板治理问题现象分析思路操作步骤问题程序化方案索引与索引模板增加分片数校验管理 彩蛋如何查询Flink on Yarn 模式下的Task Manager日志相关配置查询已停止的Flink任务查询未停止的Flink任务 问题现象 在集群索引新建时，索引的分片比…...
springboot3 集成 knife4j（接口文档）
提示：文章是集成 knife4j，而非 swagger2 或者 swagger3，效果如图 文章目录 前言一、添加依赖二、如何集成1.配置文件2.注解部分1.Tag2.Operation3.Parameter4.Schema 3.使用 总结 前言 提示：：大家在开发阶段ÿ…...
51单片机开发：独立键盘实验
实验目的：按下键盘1时，点亮LED灯1。 键盘原理图如下图所示，可见，由于接GND，当键盘按下时，P3相应的端口为低电平。 键盘按下时会出现抖动，时间通常为5-10ms，代码中通过延时函数delay…...
Flutter_学习记录_Tab的简单Demo~真的很简单
1. Tab的简单使用了解 要实现tab(选项卡或者标签视图)需要用到三个组件： TabBarTabBarViewTabController 这一块，我也不知道怎么整理了，直接提供代码吧： import package:flutter/material.dart;void main() {runApp(MyApp());…...
GESP2024年3月认证C++六级( 第三部分编程题（1）游戏）
参考程序： #include <cstdio> using namespace std; const int N 2e5 5; const int mod 1e9 7; int n, a, b, c; int f[N << 1]; int ans; int main() {scanf("%d%d%d%d", &n, &a, &b, &c);f[N n] 1;for (int i n; i…...
数据结构测试题2
一、单选题（每题 2 分，共20分） 1. 栈和队列的共同特点是( A )。 A.只允许在端点处插入和删除元素 B.都是先进后出 C.都是先进先出 D.没有共同点 2. 用链接方式存储的队列，在进行插入运算时( C ) A. 仅修改头指针 B. 头…...
Linux 系统服务开机自启动指导手册
一、引言 在 Linux 系统中，设置服务开机自启动是常见的系统配置任务。本文档详细介绍了多种实现服务开机自启动的方法，包括 systemctl 方式、通用脚本方式、crontab 方案等，并提供了生产环境下的方案建议和开机启动脚本示例。 二、systemct…...
项目概述与规划 (I)
项目概述与规划 (I) JavaScript的学习已经接近尾声了，最后我们将通过一个项目来讲我们在JavaScript中学习到的所有都在这个项目中展现出来，这个项目的DEMO来自于Udemy中的课程，作者是Jonas Schmedtmann； 项目规划 项目步骤 用户…...
【WebRTC - STUN/TURN服务 - COTURN配置】
在WebRTC中，对于通信的两端不在同一个局域网的情况下，通信两端往往无法P2P直接连接，需要一个TURN中继服务，而中继服务可以选用 COTURN 构建。 注：COTURN 是一个开源的 TURN（Traversal Using Relays around…...
【HuggingFace项目】：Open-R1 - DeepSeek-R1 大模型开源复现计划
项目链接：https://github.com/huggingface/open-r1 概述 Open-R1 是由 HuggingFace 发布的一个完全开放的项目，旨在通过三个主要步骤复现 DeepSeek-R1 的完整训练流程。这个项目的目标是让更多人能够理解和使用 DeepSeek-R1 的技术方案，从而…...
On to OpenGL and 3D computer graphics
2. On to OpenGL and 3D computer graphics 声明：该代码来自：Computer Graphics Through OpenGL From Theory to Experiments，仅用作学习参考 2.1 First Program Square.cpp完整代码 /// // square.cpp // // OpenGL program to draw a squ…...
计算机毕设【开题报告】怎么写？
本文将围绕如何编写计算机专业的开题报告展开，结合具体的步骤、方法技巧，并提供一个基于SpringBoot系统的完整示例，帮助大家顺利完成开题报告。 一、开题报告的核心结构 开题报告通常包括以下几个部分： 选题背景及意义 说明项目研…...
【数据分享】2014-2025年我国水系数据（免费获取/全国/分省）
水系数据是我们在各项研究中经常使用的数据！水系数据虽然很常用，但是却基本没有能下载最近年份水系数据的网站，所以很多人不知道如何获得水系数据。 本次我们给大家分享的是2014-2025年的全国范围的水系数据，包括水系线数据和水系…...
学习数据结构（2）算法复杂度+顺序表
1.空间复杂度 （1）概念 空间复杂度也是一个数学表达式，表示一个算法在运行过程中根据算法的需要额外临时开辟的空间。 空间复杂度不是指程序占用了多少bytes的空间，因为常规情况每个对象大小差异不会很大，所以空间复杂…...
MyBatis和JPA区别详解
文章目录 MyBatis和JPA区别详解一、引言二、设计理念与使用方式1、MyBatis：半自动化的ORM框架1.1、代码示例 2、JPA：全自动的ORM框架2.1、代码示例 三、性能优化与适用场景1、MyBatis：灵活的SQL控制1.1、适用场景 2、JPA：开发效率…...
DeepSeek明确学术研究方向效果如何？
明确学术研究方向 在学术写作中，选择一个出色的研究主题至关重要，因为它直接关系到论文是否能登上高级别的学术期刊。不少学者在这个过程中走入了误区，他们往往将大把的时间花在写作本身，而忽略了对选题的深入思考，这…...
牛客周赛round78 B,C
B.一起做很甜的梦 题意：就是输出n个数（1-n），使输出的序列中任意选连续的小序列（小序列长度>2&&<n-1）不符合排列（例如如果所选长度为2，在所有长度为2 的小序列里不能出…...
基于语义-拓扑-度量表征引导的大语言模型推理的空中视觉语言导航
1. 摘要翻译及主要贡献点 摘要： 空中视觉语言导航（VLN）是一项新兴任务，它使无人机能够通过自然语言指令和视觉线索在户外环境中导航。由于户外空中场景中复杂的空间关系，这项任务仍然具有挑战性。本文提出了一种端到…...
如何在Spring Boot项目中高效集成Spring Security
1 Spring Security 介绍 Spring Security 是一个功能强大且高度可定制的安全框架，专为保护基于Java的应用程序而设计。它不仅提供了认证（Authentication）和授权（Authorization）的功能，还支持防止各种常见的安全攻击模式。本文将详细介绍Spring Security的主要特点、功能…...
React 前端框架实战教程
📝个人主页🌹：一ge科研小菜鸡-CSDN博客 🌹🌹期待您的关注 🌹🌹 引言 React 是由 Facebook 开发的前端 JavaScript 库，旨在构建高效、灵活的用户界面，尤其适用于单页应用…...
c语言中的数组（上）
数组的概念 数组是⼀组相同类型元素的集合； 数组中存放的是1个或者多个数据，但是数组元素个数不能为0。 数组中存放的多个数据，类型是相同的。 数组分为⼀维数组和多维数组，多维数组⼀般⽐较多⻅的是⼆维数组。 数组创建 在C语言…...
Spring Boot 中的事件发布与监听：深入理解 ApplicationEventPublisher（附Demo）
目录 前言1. 基本知识2. Demo3. 实战代码 前言 🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF 基本的Java知识推荐阅读： java框架 零基础从入门到精通的学习路线 附开源项目面经等（超全&am…...
java.math 包 中的 BigDecimal 类（详细案例拆解）
前言： 小编打算近期更俩三期类的专栏，一些常用的专集类，给大家分好类别总结和详细的代码举例解释。 今天是第五个 java.lang.Math 包中的 BigDecimal 类 我们一直都是以这样的形式，让新手小白轻松理解复杂晦涩的概念，…...
【记录】日常｜从零散记录到博客之星Top300的成长之路
文章目录 shandianchengzi 2024 年度盘点概述写作风格简介2024年的创作内容总结 shandianchengzi 2024 年度盘点 概述 2024年及2025年至今我创作了786即84篇文章，加上这篇就是85篇。 很荣幸这次居然能够入选博客之星Top300，这个排名在我之前的所有年份…...