VideoTimeLine
VideoTimeLine copied to clipboard
请问一下怎么让中间的线移动,就是时间走的时候不移动时间轴
不支持哈,可以自己二次开发
好的,谢谢啦
这个问题你解决了吗 兄弟 @LoveCodingOnGithub
@gitboyzcf 解决了,把源码改了一下
代码可以分享一下么
这个仅做参考,我这边的需求是只显示一天的时间
加一个画当前时间线的函数
然后在draw函数里面调用
@a0124569873
@a0124569873 我这边是移动时间轴中间线不走 根据起始时间和结束时间时间段 利用定时器为时间轴增加时间 使用时间轴暴露出的setTime方法设置
let timer = null
let interval = 1000 // 间隔时间
let startTime = 0 // 起始时间
let endTime = 0 // 结束时间
let current = 0
// 定义定时器函数
const incrementTime = () => {
if (startTime >= endTime) {
if (current >= timeSegments.value.length - 1) {
clearInterval(timer) // 结束定时器
console.log('已经到达结束时间')
return
}
current += 1
startTime = +timeSegments.value[current].beginTime
endTime = +timeSegments.value[current].endTime
clearInterval(timer)
timer = setInterval(incrementTime, interval)
} else {
// 执行递增操作(示例中是每秒加1秒)
startTime += interval
TimeLineRef.value.setTime(startTime)
}
}
@LoveCodingOnGithub 按照你源代码里面的方法,改变this.time之后中间的线还是在中间,刻度会自动移动
哦哦,setTime方法要改一下,时间有点久了,忘了
有完整的代码示例吗? 按照上面发的 没有效果
有完整的代码示例吗? 按照上面发的 没有效果 兄弟,稍等下,等我整理下一下给你发一个demo
@SnowBeatRain
https://github.com/LoveCodingOnGithub/TimeLineDemo/tree/master
可以参考这个demo
@LoveCodingOnGithub 感谢,已经按照之前发的实现了,没效果是因为重置刻度线的问题,代码注释掉就可以了
@SnowBeatRain 好的,对你有帮助就行