当前位置： 首页 > news >正文

优化使用 Flask 构建视频转 GIF 工具

news 2026/4/8 7:33:22

优化使用 Flask 构建视频转 GIF 工具

优化后的项目概述

在优化后的版本中，我们将实现以下功能：

  1. 可设置每个 GIF 的帧率和大小：用户可以选择 GIF 的帧率和输出大小。
  2. 改进的用户界面：使用更现代的设计使界面更美观、整洁。
  3. 自定义生成的 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>

说明

  1. Flask 应用 (app_plus.py)：

    • 设置上传和输出文件夹。
    • 提供一个函数 convert_video_to_gif，用来调用 FFmpeg 生成 GIF 文件。
    • 在 / 路由中处理文件上传和 GIF 生成。
    • 获取用户输入的自定义 GIF 文件名，生成的文件名为 自定义名字 + 索引 + .gif 以避免重名问题。

  2. 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 工具 优化后的项目概述 在优化后的版本中&#xff0c;我们将实现以下功能&#xff1a; 可设置每个 GIF 的帧率和大小&#xff1a;用户可以选择 GIF 的帧率和输出大小。改进的用户界面&#xff1a;使用更现代的设计使界面更美观、整洁。自定义…...

编程日记 2025/1/22 9:20:57

spring cloud如何实现负载均衡

在Spring Cloud中&#xff0c;实际上并没有直接支持lb:\\这样的URL前缀来自动解析为负载均衡的服务地址。lb:\\这样的表示可能是在某些特定框架、文档或示例中自定义的&#xff0c;但它并不是Spring Cloud官方API或规范的一部分。 Spring Cloud实现负载均衡的方式通常依赖于服…...

编程日记 2025/1/22 9:19:55

leetcode19-删除链表的第n结点

leetcode 19 思路 要删除倒数第n个元素&#xff0c;那么就要找到倒数第n1个元素&#xff0c;那么我们需要两个指针来记录&#xff0c;首先快指针需要先走n1步&#xff0c;然后快慢指针一起进行移动&#xff0c;直到快指针为null的时候&#xff0c;此时慢指针恰好走到倒数第n…...

编程日记 2025/1/22 9:18:51

软件测试—— 接口测试（HTTP和HTTPS）

软件测试—— 接口测试&#xff08;HTTP和HTTPS&#xff09; HTTP请求方法GET特点使用场景URL结构URL组成部分URL编码总结 POST特点使用场景请求结构示例 请求标头和响应标头请求标头&#xff08;Request Headers&#xff09;示例请求标头 响应标头&#xff08;Response Header…...

编程日记 2025/1/22 9:17:43

3.1 Go函数调用过程

在 Go 语言中&#xff0c;函数调用的核心机制依赖于内存的栈区分配和指针操作&#xff0c;理解这一原理有助于掌握函数的执行过程。 1. 内存结构概述 在 Go 程序编译成可执行文件并启动后&#xff0c;操作系统会为其分配进程内存&#xff0c;进程内存主要分为以下区域&#x…...

编程日记 2025/1/22 9:15:36

TDengine 做 Apache SuperSet 数据源

‌Apache Superset‌ 是一个现代的企业级商业智能&#xff08;BI&#xff09;Web 应用程序&#xff0c;主要用于数据探索和可视化。它由 Apache 软件基金会支持&#xff0c;是一个开源项目&#xff0c;它拥有活跃的社区和丰富的生态系统。Apache Superset 提供了直观的用户界面…...

编程日记 2025/1/22 9:10:26

08_游戏启动逻辑

1.GameRoot.cs 控制 服务层Svc.cs 和业务层Sys.cs 的初始化 创建脚本GameRoot.cs&#xff08;游戏入口 已进入就初始化各个系统&#xff09; 创建资源加载服务.cs Res 将服务层Svc设置成单例类所以需要挂载在GameRoot身上&#xff0c;这样就可以通过GameRoot来调各个服务 接…...

编程日记 2025/1/22 9:09:20

Ardupilot开源无人机之Geek SDK进展2024-2025

Ardupilot开源无人机之Geek SDK进展2024-2025 1. 源由2. 状态3. TODO3.1 【进行中】跟踪目标框3.2 【暂停】onnxruntime版本3.3 【完成】CUDA 11.8版本3.4 【完成】pytorch v2.5.1版本3.5 【未开始】Inference性能3.6 【未开始】特定目标集Training 4. Extra-Work4.1 【完成】C…...

编程日记 2025/1/22 9:07:11

在K8S中，如果后端NFS存储的IP发送变化如何解决？

在Kubernetes中&#xff0c;如果后端NFS存储的IP地址发生了变化&#xff0c;您需要更新与之相关的Peristent Volume(PV)或Persistent Volume Claim(PVC)以及StorageClass中关于NFS服务器IP的配置信息&#xff0c;确保K8S集群内的Pod能够正确连接到新的NFS存储位置。解决方案如下…...

编程日记 2025/1/22 9:06:08

模拟飞行入坑（五） P3D 多通道视角配置 viewgroup

背景&#xff1a; P3D进行多个屏幕显示的时候&#xff0c;如果使用英伟达自带的屏幕融合成一个屏&#xff0c;或者使用P3D单独拉伸窗口&#xff0c;会使得P3D的画面被整体拉伸&#xff0c;又或者,当使用Multichannel进行多个设备联动时&#xff0c;视角同步组合需要配置&#…...

编程日记 2025/1/22 9:00:01

【springboot集成knife4j】

SpringBoot集成knife4j Knife4j是为Java MVC框架集成Swagger生成API文档的一套增强解决方案&#xff0c;它基于Swagger原有的基础上进行了一些改进和增强&#xff0c;提供了更简洁的UI界面&#xff0c;同时支持更多的自用化配置。下面是在Spring Boot项目中集成Knife4j的基本步…...

编程日记 2025/1/22 8:57:54

GPUStack使用

1. 概述 官网：https://github.com/gpustack Open-source GPU cluster manager for running large language models(LLMs) https://github.com/gpustack/gpustack，Manage GPU clusters for running AI models GPUStack 是一个用于运行 AI 模型的开源 GPU 集群管理器。 官…...

编程日记 2025/1/22 8:55:51

如何选择一款助贷获客系统？

做助贷的销售们&#xff0c;一天打几百个电话&#xff0c;跑各种新媒体平台评论区偷流量&#xff0c;每天忙得昏天黑地&#xff0c;也没有多少客户。没有精准数据&#xff0c;助贷销售着急&#xff0c;公司也着急&#xff0c;每天让员工加班找客户&#xff0c;但是巧妇难为无米…...

编程日记 2025/1/22 8:51:41

GDB相比IDE有什么优点

GDB（GNU Debugger）相比于集成开发环境（IDE）具有一些独特的优点，主要体现在其灵活性、可定制性和低级控制能力。具体来说，GDB有以下几个优点： 1. 轻量级且无依赖 GDB是一个命令行工具，不依赖于任何复杂的图形界面或大型库，这使得它非常适合在资源受限的环境中使用，比…...

编程日记 2025/1/22 8:50:39

介绍用于机器学习的 Fashion-MNIST 数据集

介绍用于机器学习的 Fashion-MNIST 数据集 为什么要研究数据集&#xff1f; 让我们首先思考一下为什么要花时间研究数据集的问题。数据是深度学习的主要成分&#xff0c;虽然作为神经网络程序员的任务是让我们的神经网络从我们的数据中学习&#xff0c;但我们仍然有责任了解我…...

编程日记 2025/1/22 8:47:32

【GitHub】登录时的2FA验证

一、如何进行2FA认证 1.在你的浏览器中下载 Authenticator身份验证插件 2.使用身份验证器添加凭证 2.1 使用身份验证器扫描验证二维码 选择扫描二维码...

编程日记 2025/1/22 8:42:21

CSDN年度回顾：技术征途上的坚实步伐

嘿&#xff0c;时光过得可真快呀&#xff0c;就像那匹跑得飞快的白马&#xff0c;嗖的一下&#xff0c;2024 年的日历就这么悄无声息地翻到了最后一页。这会儿我回头看看在 CSDN 上度过的这一年&#xff0c;心里那叫一个感慨万千&#xff0c;满满的都是喜悦&#xff0c;就像心里…...

编程日记 2025/1/22 8:41:20

Kotlin Bytedeco OpenCV 图像图像57 图像ROI

Kotlin Bytedeco OpenCV 图像图像57 图像ROI 1 添加依赖2 测试代码3 测试结果 1 添加依赖 <?xml version"1.0" encoding"UTF-8"?> <project xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xmlns"http://maven.apache.o…...

编程日记 2025/1/22 8:40:19

支持大功率输出高速频闪的图像处理用光源控制器

机器视觉系统中的光源控制器在确保图像质量、提高系统稳定性、降低能耗以及方便系统扩展和升级等方面发挥着重要作用。它可提供稳定光源&#xff0c;调节参数&#xff0c;另外具有操作便捷性。 下面我们来看Gardasoft的光源控制器&#xff0c;Gardasoft拥有作为图像处理用LED光…...

编程日记 2025/1/22 8:39:16

《从入门到精通：蓝桥杯编程大赛知识点全攻略》（五）-数的三次方根、机器人跳跃问题、四平方和

本博客将详细探讨如何通过二分查找算法来解决这几个经典问题。通过几个实际的例子&#xff0c;我们将展示如何在这些问题中灵活应用二分查找&#xff0c;优化计算过程&#xff0c;并在面对大数据量时保持高效性。 目录 前言 数的三次方根 算法思路 代码如下 机器人跳跃问题…...

编程日记 2025/1/22 8:36:12

GHCJS与Emscripten集成：构建高性能Web应用的最佳实践

GHCJS与Emscripten集成&#xff1a;构建高性能Web应用的最佳实践 【免费下载链接】ghcjs Haskell to JavaScript compiler, based on GHC 项目地址: https://gitcode.com/gh_mirrors/gh/ghcjs GHCJS是一个强大的Haskell到JavaScript编译器&#xff0c;它基于GHC&#xf…...

编程新知 2026/4/8 7:24:03

造相-Z-Image本地AI工作流整合：Z-Image+ComfyUI节点化扩展可能性探讨

造相-Z-Image本地AI工作流整合&#xff1a;Z-ImageComfyUI节点化扩展可能性探讨 1. 项目概述与核心价值 造相-Z-Image是一款基于通义千问官方Z-Image模型的本地化文生图解决方案&#xff0c;专为RTX 4090显卡用户深度优化。这个项目最大的特点是将强大的AI图像生成能力完整地…...

编程新知 2026/4/8 7:20:02

VideoAgentTrek-ScreenFilter艺术化过滤效果：将敏感区域替换为创意图案而非简单模糊

VideoAgentTrek-ScreenFilter艺术化过滤效果&#xff1a;将敏感区域替换为创意图案而非简单模糊 最近在折腾视频内容处理时&#xff0c;我发现了一个挺有意思的新玩法。传统的视频敏感信息处理&#xff0c;比如给人脸打码、给车牌模糊&#xff0c;总是显得有点生硬&#xff0c…...

编程新知 2026/4/8 7:16:01

Youtu-VL-4B-Instruct快速上手：3个命令启动服务、5个API调用示例、10分钟掌握核心能力

Youtu-VL-4B-Instruct快速上手&#xff1a;3个命令启动服务、5个API调用示例、10分钟掌握核心能力 你是不是经常遇到这样的场景&#xff1a;拿到一张复杂的图表&#xff0c;想快速提取里面的数据&#xff1b;或者看到一张产品图&#xff0c;想知道里面有哪些东西、分别在哪里&…...

编程新知 2026/4/8 7:05:19

从哈希表到链表：一次搞懂链地址法解决冲突的C++实现细节（含插入与删除操作避坑）

从哈希表到链表&#xff1a;链地址法的C实战精解与避坑指南 在数据结构的世界里&#xff0c;哈希表因其接近O(1)的理想查找效率而备受青睐。但当我们真正动手实现时&#xff0c;特别是采用链地址法解决冲突时&#xff0c;那些看似简单的链表操作却暗藏玄机。本文将带您深入链地…...

编程新知 2026/4/8 6:07:52

GLM-4.1V-9B-Base从零开始：Docker容器内服务重启与持久化配置

GLM-4.1V-9B-Base从零开始&#xff1a;Docker容器内服务重启与持久化配置 1. 模型概述 GLM-4.1V-9B-Base是智谱开源的一款视觉多模态理解模型&#xff0c;专注于图像内容分析与中文视觉理解任务。这个9B参数规模的模型在图像识别、场景描述、目标问答等任务上表现出色&#x…...

编程新知 2026/4/8 5:15:24

告别手动录入！用Zotero+Jasminum插件自动抓取知网元数据，高效管理学位论文PDF

告别手动录入&#xff01;用ZoteroJasminum插件自动抓取知网元数据&#xff0c;高效管理学位论文PDF 每次下载几十篇学位论文后&#xff0c;最头疼的莫过于手动录入文献信息——作者、标题、导师、学校、年份...这些字段一个个复制粘贴&#xff0c;不仅耗时费力&#xff0c;还…...

编程新知 2026/4/8 5:15:24

OpenClaw极简配置法：1条命令启动Qwen3.5-9B-AWQ-4bit沙盒体验

OpenClaw极简配置法&#xff1a;1条命令启动Qwen3.5-9B-AWQ-4bit沙盒体验 1. 为什么选择沙盒体验 第一次接触OpenClaw时&#xff0c;我被它强大的本地自动化能力吸引&#xff0c;但复杂的本地安装过程让我望而却步。直到发现平台提供的预置镜像方案&#xff0c;才真正体会到&…...

编程新知 2026/4/8 4:56:56

Dify 1.0.1升级后Ollama模型添加失败？手把手教你解决Internal Server Error

Dify 1.0.1升级后Ollama模型集成故障排查指南 最近在升级Dify到1.0.1版本后&#xff0c;不少开发者反馈通过Ollama添加模型时遇到无响应或Internal Server Error的问题。作为一名经历过同样困扰的技术实践者&#xff0c;我将在本文分享完整的排查思路和解决方案。 1. 问题现象与…...

编程新知 2026/4/8 4:03:23

VSCode + WSL2开发环境搭建：Windows10下的高效Linux开发体验

VSCode WSL2开发环境搭建&#xff1a;Windows10下的高效Linux开发体验 在Windows系统上进行Linux开发一直是件令人头疼的事情——双系统切换麻烦&#xff0c;虚拟机性能堪忧&#xff0c;远程服务器又受限于网络环境。直到微软推出WSL2&#xff08;Windows Subsystem for Linux…...

编程新知 2026/4/8 3:15:53