fqy12300

求助 V 友,这样的效果如何实现。

  •  
  •   fqy12300 · Jul 15, 2023 · 1074 views
    This topic created in 1038 days ago, the information mentioned may be changed or developed.

    接到一个需求,见图。

    https://raw.githubusercontent.com/BonjourYY/image-server/master/%E6%88%AA%E5%B1%8F2023-07-15%2019.52.05.png

    设计要求,根据视频播放的时长,来动态切换左边的滚动条。

    麻烦 V 友,可以提供下思路吗,或者给下类似的 Demo 。

    我的想法是,根据视频时长来切换,好像不太行吧,应该是每次切换的时间都是固定,并且一样的吧。也就是只能匀速切换吧。

    StateMa
        1
    StateMa  
       Jul 16, 2023
    原生播放器窗口和第三方视频播放组件都支持获取当前视频播放进度。以 videojs 举例 currentTime 就能获取当前播放时间,你拿来除一下就获取到百分比(总时长也有现成参数)
    左边像进度条的那玩意叫<b>步骤条</b>,网上找现成的也行,也可以绿皮版简单手搓一个,背景镂空设置一个蓝色 box 垫底,高度通过计算出的百分比动态赋值,圆圈部分自设节点如何到了就触发圆圈部分特效
    fqy12300
        2
    fqy12300  
    OP
       Jul 16, 2023
    @StateMa 好的 谢谢,请问这种效果有专业的术语吗?我想去找找 Demo
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5656 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 03:26 · PVG 11:26 · LAX 20:26 · JFK 23:26
    ♥ Do have faith in what you're doing.