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

耗时一个月，我做了一个网页视频编辑器

news 2026/2/8 23:57:32

最近又肝了一个多月，终于把这个网页视频编辑器做好了，下面我来简单介绍一下如何使用

注意目前该功能还处在测试阶段，可能会有很多问题，后续我会不断修复

体验地址 app.zyjj.cc

界面介绍

整个剪辑界面包括4个区，左边是素材区，中间是视频预览区，右边是素材属性编辑，最下面是时间轴

素材区可以添加各种素材。目前游视频、音频、图片和文字等素材，后续这里应该会加一个分类和搜索功能

中间是预览区，可以对视频进行缩放和修改分辨率操作，还可以实时预览视频的结果

右边的属性编辑器可以编辑各项内容，包括文本内容，音量和透明度等信息，字幕内容还可以进行配音和打轴操作

最下面就是时间轴了，我们可以在时间轴上对素材进行组合，裁剪移动等操作

有了上面这些功能我们就可以做出一个简单的视频了，一般步骤就是先添加我们的素材，然后在轨道上对素材进行编辑和拖动，中间可以对素材进行编辑，最后就是预览没问题后就可以导出了

配音&打轴功能

因为时间有限，目前只做了一个配音和打轴功能，我们可以选中一个文字元素，点击配音就可以看到了

我们可以点击播放按钮试听一下效果，点击对应模块就可以生成配音，如果你要对整个视频进行配音可以点击给轨道所有文字进行配音。

另外一个打轴功能就是可以在播放视频的过程中我们可以直接快速完成字幕内容对其的操作

我们可以先把字幕内容准备好，一行一个，然后点击开始手动打轴就可以开始打轴了 然后视频会自动播放，当视频播放到我们的文字内容时，我们可以点击开始，播放结束时点一下结束就可以把我们的字幕直接给添加进去了。这样就不需要一个一个加了

目前其他功能还在加紧开发中，后续有啥更新也会第一时间同步大家，欢迎大家持续关注！

相关文章：

耗时一个月，我做了一个网页视频编辑器

最近又肝了一个多月，终于把这个网页视频编辑器做好了，下面我来简单介绍一下如何使用 注意目前该功能还处在测试阶段，可能会有很多问题，后续我会不断修复 体验地址 app.zyjj.cc 界面介绍 整个剪辑界面包括4个区，左边是…...

编程日记 2024/9/13 10:25:17

uniapp 做一个查看图片的组件，图片可缩放移动

因为是手机端，所以需要触摸可移动，双指放大缩小。 首先在components里建个组件 查看图片使用 uni-popup 弹窗 要注意 transform的translate和scale属性在同一标签上不会一起生效 移动就根据触摸效果进行偏移图片 缩放就根据双指距离的变大变小进行缩…...

编程日记 2024/9/13 10:24:16

卡车配置一键启动无钥匙进入手机控车

‌ 卡车智能一键启动无钥匙进入手机控车，通过手机应用程序与汽车内置硬件、软件的无线通信，实现对汽车的远程控制‌。 卡车改装一键启动的步骤包括安装门把手的感应装置、拆卸仪表台和门板，取出内部的待接线束，并将一键启动…...

编程日记 2024/9/13 10:23:14

计算机网络基础概念 交换机、路由器、网关、TBOX

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言一、VLAN是什么？二 、交换机三、路由器四、网关五、TBOX六、问题1 、网关和交换机的区别2、网关和路由器的区别 总结 前言 工作有感而发&#xff0…...

编程日记 2024/9/13 10:17:02

labview禁用8080端口

需求背景 最近电脑上安装了labview全家桶，发现idea的8080端口项目启动报错，一直提示8080端口被占用。最简单的办法就是找到8080端口的服务，然后关闭这个服务。但是我不想这么做，我想把labview的web服务器的端口给修改了。 操作教程 1、cmd查看8080端口 2、windows进程 同…...

编程日记 2024/9/13 10:16:01

字符串的KMP算法详解及C/C++代码实现

1. 原由 紧接上文，我们知道了暴力匹配的算法在时间运行上的缺陷，假设字符串T的长度为n，字符串P的长度为m，则整个算法的时间复杂度为O( n * m )，而对于一个复杂的现实情况而言 n >> m >> 2 （即…...

编程日记 2024/9/13 10:13:52

2024年数学建模比赛题目及解题代码

目录 一、引言 1. 1竞赛背景介绍 1.1.1数学建模竞赛概述 1.1.2生产过程决策问题在竞赛中的重要性 1.2 解题前准备 1.2.2 工具与资源准备 1.2.3 心态调整与策略规划 二、问题理解与分析 三、模型构建与求解 3.1 模型选择与设计 3.1.1 根据问题特性选择合适的数学模型类…...

编程日记 2024/9/13 10:10:49

BERT 论文逐段精读【论文精读】

BERT: 近 3 年 NLP 最火 CV: 大数据集上的训练好的 NN 模型，提升 CV 任务的性能 —— ImageNet 的 CNN 模型 NLP: BERT 简化了 NLP 任务的训练，提升了 NLP 任务的性能 BERT 如何站在巨人的肩膀上的？使用了哪些 NLP 已有的技术和思想&#xff…...

编程日记 2024/9/13 10:09:47

在Flask中实现跨域请求（CORS）

在Flask中实现跨域请求（CORS，Cross-Origin Resource Sharing）主要涉及到对Flask应用的配置，以允许来自不同源的请求访问服务器上的资源。以下是在Flask中实现CORS的详细步骤和方法： 一、理解CORS CORS是一种机制&…...

编程日记 2024/9/13 10:06:36

在桌面商业分析应用程序中启用高级 Web UI

挑战 Mercur Business Control 应用程序在企业界，尤其是金融领域，拥有悠久的应用历史。它帮助企业处理、可视化和分析海量数据，从而做出明智的商业决策。 随着产品的不断演进和现代化，Mercur Solutions AB 为该应用创建了 Web 客…...

编程日记 2024/9/13 10:03:33

CentOS Stream 8 通过 Packstack 安装开源 OpenStack（V版）

1、环境规划以及网卡配置 controller IP：192.168.235.101 compute IP：192.168.235.102 控制节点 [rootluck ~]# cd /etc/sysconfig/network-scripts/ [rootluck network-scripts]# vi ifcfg-ens160 [rootluck network-scripts]# cat ifcfg-ens160 TYP…...

编程日记 2024/9/13 10:01:31

OpenSSL工具验证RSA证书

openssl x509 是一个用于处理 X.509 证书的命令行工具。常用的 openssl x509 命令&#xff1a; -in <file>&#xff1a;指定输入文件。-out <file>&#xff1a;指定输出文件。-noout&#xff1a;不输出证书信息。-text&#xff1a;以文本格式输出证书信息。-pubke…...

编程日记 2024/9/13 10:00:30

架构师白话分布式系统

对于分布式系统的定义，大致可以理解为如下的两个点 分布式系统从整体的体量来说，它内部是由很多的服务器、服务实例组成。所提供的用户服务是由一组相互独立运行的服务器来提供。对于用户来说，这个多服务器的系统就跟一个服务器一样，感觉不到每个单独的服务器实例的存在。从…...

编程日记 2024/9/13 9:59:29

C++ 中 vector 的常用功能介绍

在 C 中&#xff0c;vector 是一种常用的动态数组容器&#xff0c;提供了方便的自动扩展、内存管理以及各种便捷的操作方法。它是 C 标准模板库&#xff08;STL&#xff09;的一部分&#xff0c;适用于需要动态存储和管理大量元素的场景。 在本文中&#xff0c;我们将简要介绍…...

编程日记 2024/9/13 9:58:28

[QT] QT事件与事件重写

一.事件 事件(event)是由系统或者 Qt本身在不同的场景下发出的。当用户按下鼠标、敲下键盘&#xff0c;或者是窗口关闭等都会发出一个相应的事件。 一些事件在用户操作时发出(如鼠标/键盘事件); 另一些事件则是由系统自动发出(如计时器事件)。 Qt窗口中对于产生的一系列事件都…...

编程日记 2024/9/13 9:56:26

c# 视觉识别图片文字 二维码

1.二维码识别 插件 ZXing.Net using System; using System.Drawing; // 如果你使用的是System.Drawing.Common using ZXing;class Program {static void Main(){string imagePath "path_to_your_qr_code_image.png";var barcodeBitmap (Bitmap)Image.FromFile(im…...

编程日记 2024/9/13 9:55:24

UEFI——访问PCI/PCIE设备（二）

一、支持访问PCI/PCIE设备的Protocol UEFI中提供了两个主要的模块来支持PCI总线&#xff0c;一是PCI Host Bridge&#xff08;PCI主桥&#xff09;控制器驱动&#xff0c;另一个是PCI总线驱动。这两个模块是和特定的平台硬件绑定的&#xff0c;在这种机制下&#xff0c;屏蔽了…...

编程日记 2024/9/13 9:54:23

决策树算法的介绍与应用

目录 引言 决策树算法的基本原理 表格总结&#xff1a;决策树的构建步骤 决策树算法的 MATLAB 实现 示例&#xff1a;使用决策树进行分类预测 决策树的应用场景 表格总结&#xff1a;决策树的主要应用领域 决策树的优势与局限 结论 引言 决策树是一种广泛应用于数据挖掘…...

编程日记 2024/9/13 9:52:21

杰发科技Bootloader（3）—— 基于7801的APP切到Boot

为了方便在APP中跳转到Boot重新进行升级&#xff0c;有两种办法&#xff0c;7840同样可以使用。 1. 调用reset接口进行复位&#xff0c;复位后会先进Boot&#xff0c;再自动跳转到App。 NVIC_SystemReset(); 2. 直接使用跳转指令&#xff0c;参考Boot跳转到App代码&#xff0…...

编程日记 2024/9/13 9:51:20

Leetcode面试经典150题-138.随机链表的复制

题目比较简单&#xff0c;重点是理解思想&#xff0c;random不管&#xff0c;copy一定要放在next 而且里面的遍历过程不能省略 解法都在代码里&#xff0c;不懂就留言或者私信 /* // Definition for a Node. class Node {int val;Node next;Node random;public Node(int val…...

编程日记 2024/9/13 9:48:17

多云管理“拦路虎”：深入解析网络互联、身份同步与成本可视化的技术复杂度​

一、引言&#xff1a;多云环境的技术复杂性本质​​ 企业采用多云策略已从技术选型升维至生存刚需。当业务系统分散部署在多个云平台时&#xff0c;​​基础设施的技术债呈现指数级积累​​。网络连接、身份认证、成本管理这三大核心挑战相互嵌套&#xff1a;跨云网络构建数据…...

编程新知 2026/2/8 16:53:48

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为&#xff1a;煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例&#xff0c;提供抽象制作饮品基类&#xff0c;提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2026/2/8 20:42:55

django filter 统计数量 按属性去重

在Django中&#xff0c;如果你想要根据某个属性对查询集进行去重并统计数量&#xff0c;你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求&#xff1a; 方法1&#xff1a;使用annotate()和Count 假设你有一个模型Item&#xff0c;并且你想…...

编程新知 2026/1/11 2:37:51

中医有效性探讨

文章目录 西医是如何发展到以生物化学为药理基础的现代医学&#xff1f;传统医学奠基期&#xff08;远古 - 17 世纪&#xff09;近代医学转型期&#xff08;17 世纪 - 19 世纪末&#xff09;​现代医学成熟期&#xff08;20世纪至今&#xff09; 中医的源远流长和一脉相承远古至…...

编程新知 2026/1/23 7:56:54

算法岗面试经验分享-大模型篇

文章目录 A 基础语言模型A.1 TransformerA.2 Bert B 大语言模型结构B.1 GPTB.2 LLamaB.3 ChatGLMB.4 Qwen C 大语言模型微调C.1 Fine-tuningC.2 Adapter-tuningC.3 Prefix-tuningC.4 P-tuningC.5 LoRA A 基础语言模型 A.1 Transformer &#xff08;1&#xff09;资源 论文&a…...

编程新知 2026/1/23 11:58:06

MacOS下Homebrew国内镜像加速指南（2025最新国内镜像加速）

macos brew国内镜像加速方法 brew install 加速formula.jws.json下载慢加速 &#x1f37a; 最新版brew安装慢到怀疑人生&#xff1f;别怕&#xff0c;教你轻松起飞&#xff01; 最近Homebrew更新至最新版&#xff0c;每次执行 brew 命令时都会自动从官方地址 https://formulae.…...

编程新知 2026/1/28 10:57:16

SQL Server 触发器调用存储过程实现发送 HTTP 请求

文章目录 需求分析解决第 1 步：前置条件，启用 OLE 自动化方式 1：使用 SQL 实现启用 OLE 自动化方式 2：Sql Server 2005启动OLE自动化方式 3：Sql Server 2008启动OLE自动化第 2 步：创建存储过程第 3 步：创建触发器扩展 - 如何调试？第 1 步：登录 SQL Server 2008第 2 步…...

编程新知 2025/9/11 6:56:11

xmind转换为markdown

文章目录 解锁思维导图新姿势&#xff1a;将XMind转为结构化Markdown 一、认识Xmind结构二、核心转换流程详解1.解压XMind文件&#xff08;ZIP处理&#xff09;2.解析JSON数据结构3&#xff1a;递归转换树形结构4&#xff1a;Markdown层级生成逻辑 三、完整代码 解锁思维导图新…...

编程新知 2025/12/15 17:19:38

客户案例 | 短视频点播企业海外视频加速与成本优化：MediaPackage+Cloudfront 技术重构实践

01技术背景与业务挑战 某短视频点播企业深耕国内用户市场&#xff0c;但其后台应用系统部署于东南亚印尼 IDC 机房。 随着业务规模扩大&#xff0c;传统架构已较难满足当前企业发展的需求&#xff0c;企业面临着三重挑战&#xff1a; ① 业务&#xff1a;国内用户访问海外服…...

编程新知 2026/1/29 7:55:37

内窥镜检查中基于提示的息肉分割|文献速递-深度学习医疗AI最新文献

Title 题目 Prompt-based polyp segmentation during endoscopy 内窥镜检查中基于提示的息肉分割 01 文献速递介绍 以下是对这段英文内容的中文翻译&#xff1a; ### 胃肠道癌症的发病率呈上升趋势&#xff0c;且有年轻化倾向&#xff08;Bray等人&#xff0c;2018&#x…...

编程新知 2026/2/4 16:35:14