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

news2024/12/23 13:41:34

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

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

体验地址 app.zyjj.cc

界面介绍

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

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

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

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

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

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

配音&打轴功能

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2130847.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java毕业设计选题推荐之基于SpringBoot+Vue的校园互助帮平台【提供源码+答辩PPT+参考文档+项目部署】

🚩如何选题? 如何选题、让题目的难度在可控范围,以及如何在选题过程以及整个毕设过程中如何与老师沟通,这些问题是需要大家在选题前需要考虑的,具体的方法我会在文末详细为你解答。 🚭如何快速熟悉一个项目…

Ubuntu 下载软件包时,提示 但是它将不会被安装E: 无法修正错误,因为您要求某些软件包保持现状,就是它们破坏了软件包间的依赖关系。

解决办法: 打开 软件和更新 先更新一下: sudo apt-get update 接下来再次安装你需要的软件包,例如: sudo apt install libsdl2-dev

C++奇迹之旅:快速上手Priority_queue的使用与模拟实现

文章目录 📝priority_queue的介绍和使用🌠 priority_queue的介绍🌉priority_queue的使用 🌠仿函数的使用🌠C语言有趣的模仿push_back🌠priority_queue的模拟实现🚩总结 📝priority_q…

小型企业如何利用人工智能的生产力

尽管生产力低下是一个长期存在的问题,但最近严峻的经济逆风加剧了这一问题,企业清算数量同比增长了 19%。 Xero 的报告《小企业生产力:趋势、影响和战略》反映了这些宏观经济变化,显示 2023 年新西兰小企业生产力与 …

水平仪激光模组热了就不亮了怎么维修?

在建筑施工、装修设计或是精密测量等领域,水平仪作为不可或缺的工具,其准确性和稳定性直接关乎到工作的质量与效率。然而,许多用户在使用过程中会遇到这样一个问题:水平仪的激光模组在长时间使用或环境温度升高后,突然…

模拟实现通用型排序

本期介绍🍖 主要介绍:什么是泛型排序,即:无类型排序,以及库函数qsort()的使用,以及如何自己模拟实现一个泛型的冒泡排序。 文章目录 1. 什么是通用型排序2. 库函数qsort()2.1 定义2.2 使用 3. 模拟实现通用…

828华为云征文|部署多媒体流媒体平台 Plex

828华为云征文|部署多媒体流媒体平台 Plex 一、Flexus云服务器X实例介绍1.1 云服务器介绍1.2 性能模式1.3 计费模式 二、Flexus云服务器X实例配置2.1 重置密码2.2 服务器连接2.3 安全组配置 三、部署 Plex3.1 Plex 介绍3.2 Docker 环境搭建3.3 Plex 部署3.4 Plex 使…

Apple M3编译OpenSSL安卓平台SO库

1.下载OpenSSL源码: https://github.com/openssl/openssl.git 2.配置NDK环境变量:vim ~/.zprofile 添加ANDROID_NDK_ROOT环境变量,iosdev改为你自己的用户名 export ANDROID_NDK_ROOT=/Users/iosdev/Library/Android/sdk/ndk/23.1.7779620 添加NDK下可执行文件路径到PATH环…

Java修仙之路,十万字吐血整理全网最完整Java学习笔记(进阶篇)

导航: 【Java笔记踩坑汇总】Java基础JavaWebSSMSpringBootSpringCloud瑞吉外卖/谷粒商城/学成在线设计模式面试题汇总性能调优/架构设计源码解析 推荐视频: 黑马程序员全套Java教程_哔哩哔哩 尚硅谷Java入门视频教程_哔哩哔哩 推荐书籍: 《Ja…

ubuntu2204安装kvm

ubuntu2204安装kvm 前言一、检测硬件是否支持二、安装软件三、创建/管理虚拟机1、创建存储池2、qemu创建镜像3、xml文件运行虚拟机1、范文2、xml文件创建虚机3、创建虚机 4、克隆虚机5、创建快照6、脚本创建VNC连接 四、创建集群1、安装glusterfs2、加入集群删除节点 3、 创建卷…

EasyExcel 动态表头+表头合并

EasyExcel 动态表头表头合并 ​ 最终呈现效果: ​ 以前对EasyExcel的使用都是一个实体类字段对应一列,通过以下来一一对应即可。 ExcelProperty(index 0,value "姓名" ) private String xm;​ 所以此中出现的两个问题: 表头合并…

【LeetCode每日一题】——LCR 168.丑数

文章目录 一【题目类别】二【题目难度】三【题目编号】四【题目描述】五【题目注意】六【题目示例】七【题目提示】八【解题思路】九【时间频度】十【代码实现】十一【提交结果】 一【题目类别】 优先队列 二【题目难度】 中等 三【题目编号】 LCR 168.丑数 四【题目描述…

多输入多输出 | Matlab实现SO-BP蛇群算法优化BP神经网络多输入多输出预测

多输入多输出 | Matlab实现SO-BP蛇群算法优化BP神经网络多输入多输出预测 目录 多输入多输出 | Matlab实现SO-BP蛇群算法优化BP神经网络多输入多输出预测预测效果基本介绍程序设计往期精彩参考资料 预测效果 基本介绍 多输入多输出 | Matlab实现SO-BP蛇群算法优化BP神经网络多输…

1688竞品分析这样做,超越电商同行,流量想不爆都难!

竞品分析最大的意义就是知己知彼!清楚自己所在的位置,取长补短,确定下一阶段打法和方向。那么该怎么做竞品分析? 我们利用店雷达1688工具进行实操讲解,分别从竞品目标、价格机制、流量结构,3个方面教你迅速…

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

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

前端练习小项目 —— 养一只电子蜘蛛

前言:在学习完JavaScript之后,我们就可以使用JavaScript来实现一下好玩的效果了,本篇文章讲解的是如何纯使用JavaScript来实现一个网页中的电子蜘蛛。 ✨✨✨这里是秋刀鱼不做梦的BLOG ✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-C…

2.3.1 协程设计原理与汇编实现coroutine

LINUX 精通 7 day23 20240908 晚19:25 - 21:30 课程链接地址 2.3.1 协程设计原理与汇编实现coroutine 目的 协程不是某种语言特有的,lua,go都有 ntyco 是king老师自己写的 原语操作:“原语操作”通常指的是在编程或计算机科学中…

Android 12系统源码_窗口管理(八)WindowConfiguration的作用

前言 在Android系统中WindowConfiguration这个类用于管理与窗口相关的设置,该类存储了当前窗口的显示区域、屏幕的旋转方向、窗口模式等参数,应用程序通过该类提供的信息可以更好的适配不同的屏幕布局和窗口环境,以提高用户体验。 一、类定…

性能测试的复习2-jmeter的搭建、使用、参数化

通过网盘分享的文件:性能测试共享文件 链接: https://pan.baidu.com/s/1A4Nc8C5Xp6qxQ5QFtecK8g?pwds73c 提取码: s73c 1、性能测试工具 2、jmeter环境搭建 3、jmeter的基本使用 4、jmeter的参数化

strncpy函数的使用和模拟实现

目录 1.头文件 2.strncpy函数功能 2.1情况二&#xff1a; 3.strncpy函数&#xff08;模拟实现&#xff09; 方源一把抓住VS2022&#xff0c;催动春秋产的气息&#xff0c;顷刻炼化&#xff01; 1.头文件 strncpy函数的使用需要包括头文件<string.h> #include<string…