VideoTimeLine icon indicating copy to clipboard operation
VideoTimeLine copied to clipboard

请问一下怎么让中间的线移动,就是时间走的时候不移动时间轴

Open LoveCodingOnGithub opened this issue 1 year ago • 14 comments

LoveCodingOnGithub avatar Jul 10 '23 00:07 LoveCodingOnGithub

不支持哈,可以自己二次开发

wanglin2 avatar Jul 10 '23 01:07 wanglin2

好的,谢谢啦

LoveCodingOnGithub avatar Jul 10 '23 01:07 LoveCodingOnGithub

这个问题你解决了吗 兄弟 @LoveCodingOnGithub

gitboyzcf avatar Oct 30 '23 02:10 gitboyzcf

@gitboyzcf 解决了,把源码改了一下

LoveCodingOnGithub avatar Oct 30 '23 02:10 LoveCodingOnGithub

代码可以分享一下么

a0124569873 avatar Nov 06 '23 02:11 a0124569873

这个仅做参考,我这边的需求是只显示一天的时间 加一个画当前时间线的函数 image

然后在draw函数里面调用 image

@a0124569873

LoveCodingOnGithub avatar Nov 06 '23 07:11 LoveCodingOnGithub

@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)
    }
  }

gitboyzcf avatar Nov 06 '23 07:11 gitboyzcf

@LoveCodingOnGithub 按照你源代码里面的方法,改变this.time之后中间的线还是在中间,刻度会自动移动

fpd3210 avatar Nov 10 '23 07:11 fpd3210

哦哦,setTime方法要改一下,时间有点久了,忘了 image

LoveCodingOnGithub avatar Nov 10 '23 09:11 LoveCodingOnGithub

有完整的代码示例吗? 按照上面发的 没有效果

SnowBeatRain avatar Sep 18 '24 03:09 SnowBeatRain

有完整的代码示例吗? 按照上面发的 没有效果 兄弟,稍等下,等我整理下一下给你发一个demo

LoveCodingOnGithub avatar Sep 18 '24 08:09 LoveCodingOnGithub

@SnowBeatRain
https://github.com/LoveCodingOnGithub/TimeLineDemo/tree/master 可以参考这个demo

LoveCodingOnGithub avatar Sep 19 '24 01:09 LoveCodingOnGithub

@LoveCodingOnGithub 感谢,已经按照之前发的实现了,没效果是因为重置刻度线的问题,代码注释掉就可以了

SnowBeatRain avatar Sep 23 '24 03:09 SnowBeatRain

@SnowBeatRain 好的,对你有帮助就行

LoveCodingOnGithub avatar Sep 23 '24 03:09 LoveCodingOnGithub