进度条结尾问题

来源:7-14 播放器progress-bar进度条组件实现(下)

Hujx

2021-02-28

老师,想请教一个关于 进度条 边界 问题,
如果是歌曲自动播放到结尾不会有突然跳动的感觉,
但如果直接点击到末尾 或者 点击接近歌曲末尾的地方,会有突然跳动的感觉,没有自然播放的那种平滑。
不知道怎么解决。
老师,我看你是控制了点击的范围,点击不了歌曲的末尾,但是小球到最后的滑动会盖住右边的 currentSong.duration。
老师,还有没有其他解决办法,我现在想不出来。
??老师教教我。

写回答

1回答

ustbhuangyi

2021-02-28

你可以注意点击的位置其实是小球滑块左边的位置,而非他的中心点,而滑块右侧触碰到进度条右侧的时候歌曲就结束了,所以点击快到进度条结束的位置,都相当于让歌曲跳到了结尾部分。

不太清楚你说的跳动是啥效果,点击到结尾部分自动跳到下一首歌是很正常的效果呀

0
7
Hujx
回复
ustbhuangyi
好的,谢谢老师
2021-02-28
共7条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程