Qt 实现的时间轴 Timeline 用于视频非线形编辑工具

最新推荐文章于 2024-05-07 20:21:05 发布
最新推荐文章于 2024-05-07 20:21:05 发布
阅读量5.5k 收藏 56
点赞数 6
文章标签： timeline 非线性编辑工具 qt 音视频
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ct6816678/article/details/96033765
版权

基于Qt 图形/视图实现的时间轴编辑器，支持缩放，时间/帧 现实方式，clip的放大缩小。

配合视频播放窗口效果应该不错，放几张预览图给感兴趣的人参考下，另外，提供源码下载，不收费。

1）使用鼠标进行缩放视图

 

2）切换显示方式

3）支持在时间轴上标记mark

4）拖拽修改Clip的长度大小

5) 支持Track的添加和删除

注意：请使用MinGW编译器编译，如果使用MSVC编译器，可能会出现右侧无法显示的问题。

源码下载地址：

https://download.csdn.net/download/ct6816678/11358040

ct6816678
关注
  • 6
    点赞
  • 踩
  • 56
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
QT 时间轴控件 可拖动！！！！！！！！！！！！！！！！
08-16
QT 时间轴控件 可拖动！！！！！！！！！！！！！！！！
Qt实现绘制动态时间轴
10-27
Qt实现绘制动态时间轴
《QT实用小工具·六十》Qt 多列时间轴控件
最新发布
cs1395293598的博客
05-07 997
Qt 多列时间轴控件。 可与多段字符串格式自由转换，也可手动添加列表项。 专门用来以时间轴作为事件线发展顺序的故事大纲。 特点 时间背包功能：记录所有物品或属性发生的变化，随时回溯 时间可输入任意内容，不限于时间 每一时间段允许多列，即多个文字节点 全自动调整节点大小（宽高），尽量看起来舒服 行与行、列与列 之间任意拖拽更换顺序 可与文字自由转换，默认一段为一个文字节点 方便的多行操作 按需修改快捷键 所有编辑可撤销 美观的调整动画
Qt自定义控件--垂直滚动时间轴
Qt自定义控件及应用开发
08-30 1299
Qt垂直滚动时间轴，通过鼠标或键盘实现上下滚动时间轴。 通过记录生活、记录文化、记录历史，来实现自己传承文化的梦想。 绘制垂直滚动时间轴，样式可定制。 可以设置时间轴长度； 可以修改背景颜色； 可以修改文字内容及颜色； 可以修改每个单元的颜色； 样式可定制 有需要，留言。 ...
QT QTimeLine 用法小结
HelloKandy's Blog
01-03 605
它最常用于通过周期性调用槽来动画化GUI控件。您可以通过将时间线的持续时间（以毫秒为单位）传递给QTimeLine的构造函数来构造时间线。时间线的持续时间描述动画将运行多长时间。然后通过调用setFrameRange（）设置合适的帧范围。最后，将frameChanged（）信号连接到要设置动画的小部件中的适当插槽（例如，QProgressBar中的setValue（））。
C++，Qt垂直时间线控件 ，基于QWidget实现，不支持复杂交互事件
wastelandboy的博客
08-02 378
完全使用C++&Qt开发的垂直时间线控件，支持多种属性定义，详情参考风格定义代码
QT--简单构建滚动日期时间选择器（仿网页注册页面滚动日期时间选择器、上手快、制作轻松、直接套用）
m0_69218824的博客
04-06 2210
简易日历时间滚动选择器，可移植，方便美观
qt时间轴滑动条
01-11
基于qwt-6.1实现的时间轴滑动条，主要是slider参数设置技巧，设定起始结束日期，自动绘制时间轴，qwt请自行下载编译，qt我用的版本是5.7.1，vs2013。主要代码如下： QDateTime starData = QDateTime::fromString(dataS, "yyyy-MM-dd"); QDateTime endData = QDateTime::fromString(dataE, "yyyy-MM-dd"); int dayCount = starData.daysTo(endData); _qwtSlider->setScale( QwtDate::toDouble(starData), QwtDate::toDouble(endData) ); _qwtSlider->setTotalSteps(dayCount); _qwtSlider->setPageSteps(30); double space = QwtDate::toDouble(endData) - QwtDate::toDouble(starData); _qwtSlider->setScaleStepSize(space/12); _qwtSlider->setScaleDraw(_qwtDsd); _qwtSlider->setHandleSize(QSize(20, 10));
【QML】使用Qt Design Studio创建时间线动画
iriczhao的博客
09-18 1147
对于时间线动画，本质上是插值动画，不会将属性立即就更改为目标值，而是由插值来驱动，而且可以选择动画曲线，来控制动画的插值方式。
Qt视频剪辑软件开发（一）：开发步骤介绍
琅嬛福地
03-28 6342
小视频这几年比较火，音视频行业的发展也比较快，最近用Qt ffmpeg做了个视频剪辑软件，可以拖动视频设置起始点进行视频剪辑。界面如下： 视频播放后拖动双端进度条，下方的spinbox就会记录剪辑的起始点，就可以选择剪辑的起始点，视频播放的时候不会改变spinbox的值。点击开始采集后，弹出设置窗口，可以设置剪辑后的视频名称和路劲，点击【确定】或者【x】退出设置...
bugel:基于Qt的开源时间轴工具
05-20
为什么选择布盖尔？ Bugel是一种用于标记歌曲中的时间，然后将这些时间转变为有意义的工具。 我写Bugel的原因是我制作的游戏与音乐息息相关。 我找不到能满足我要求的工具（尽管我看起来并不难）。 我将其公开发布，因为我认为此工作流程可能适用于其他人的项目。 如果您要制作“真实”的节奏游戏，例如DDR或Guitar Hero，那么最好使用专门的编辑器。 这些游戏中只有4-5个可能的“事件”，因此编辑人员不必太复杂。 但是，如果您有许多类型的事件该怎么办？ 如果这些事件中的每一个都可以具有多个参数怎么办？ 您可能可以轻松找到所需的时间，但是可能需要进行大量迭代才能将其转变为有趣的游戏玩法。 一个“层”中的事件通常相互依赖。 一项调整可能需要更改20个事件。 使用Bugel的后期处理，您只需调整脚本的一行即可立即更新20个事件。 这个怎么运作 时间线保存着诸如后备轨道，后备轨道的BP
基于时间轴的视频文件检索
12-24
基于时间轴的视频文件检索，本来已经有个程序了，可以进行反编译查看源代码，有些人不会反编译，所以把源代码也放上来了。
Qt绘制时间轴demo
06-18
通过QT中 QPainter来绘制的一个监控回放时间轴demo，实现了年 月 日 时的显示、缩放与拖拽 注:该版本存在bug，新版本见:https://download.csdn.net/download/qq_25884511/11256550
wpf时间轴Timeline
07-31
时间轴（Timeline）是WPF动画系统的核心组成部分，用于定义和控制动画的时间行为。 首先，让我们理解`Timeline`类的基本概念。`Timeline`是所有动画和时间线的基础类，它定义了动画的时间属性，如开始时间、持续...
react-timeline-bar：用于视频的React.js时间线控件
02-13
用于视频的时间轴控件 安装 npm install --save react-timeline-bar 用法 import React from ' react ' import Timeline from ' react-timeline-bar ' import ' react-timeline-bar/dist/index.css ' const Example ...
时间线控件，视频播放时间控制
10-24
时间线控件（Timeline Control）是多媒体应用中常见的一种界面元素，它提供了直观的方式来操纵和展示时间序列数据，如视频播放进度。 1. **时间线控件的基本概念**： 时间线控件是一种用户界面组件，通常表现为一条...
QT绘图 绘制时钟
weixin_46105791的博客
06-30 200
一、比较简单，直接上代码。
自定义的Qt时间轴控件
m0_73443478的博客
08-24 347
自定义的Qt时间轴控件
vue3 timeline 时间线实现会拐弯的时间轴
10-10
Vue3 Timeline 时间线实现会拐弯的时间轴相对于普通的时间线来说更加有趣和独特。在实现这种时间轴时，我们可以使用 Vue3 的组件化开发方式来创建一个可重复使用的时间线组件。 首先，我们需要创建一个 TimeNode（时间节点）组件，用来表示每个时间点。我们可以为每个节点设置一个时间和一个事件描述。时间节点可以通过计算属性或者接收传递的属性来设定其位置。 接下来，在时间线组件中，我们需要创建一个数组来存储时间节点。我们可以使用 v-for 指令来遍历这个数组，并将每个时间节点渲染到视图中。 然后，我们可以使用 CSS 来为时间节点添加样式，使其能够正确地显示出拐弯的效果。我们可以为时间节点设置不同的样式类，然后在 CSS 中定义这些样式类的样式规则，来实现时间轴的拐弯效果。 最后，我们可以根据时间节点的数量和位置，计算出时间轴的长度和位置，然后通过 CSS 来设置时间轴的样式，使其正确地显示出拐弯的时间轴效果。 通过以上的步骤，我们就可以实现一个拐弯的时间轴组件。这个组件可以根据需要接收传递的属性，可以根据时间节点的数量和位置来自动计算出时间轴的样式，使其能够正确地显示出拐弯的效果。 总之，Vue3 Timeline 时间线实现会拐弯的时间轴，通过使用 Vue3 的组件化开发方式，结合计算属性、遍历数组、添加样式和计算位置等技巧，可以比较容易地实现出一个有趣和独特的时间轴组件。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值