在课堂基础上拓展了一个功能 进度条可以通过点击事件 变换歌曲播放进度
也就是鼠标点在进度条哪里,进度条就会到哪里,然后歌曲的播放时间也会对应的到这里。
其他代码跟老师的一样 只是在监听事件后面拓展了一个鼠标在进度条按下的时候的一个监听函数
代码如下:
//实现可以点击变换歌曲进度的进度条 //设置一个鼠标按下去的监听 //jin-du-tiao-passed 这个类对应的是 进度条底层的那个 监听鼠标在底层的进读条按下的时候 $('#jin-du-tiao').mousedown( function (e) { // console.log('鼠标按下了'); //获得鼠标按下的坐标 // console.log(e.pageX - $('#jin-du-tiao').offset().left); var chang_du=e.pageX - $('#jin-du-tiao').offset().left; //把这个值变成百分比 // console.log(chang_du/910); //设置鼠标属性的长度等于我们点击的这个值 $('.jin-du-tiao-passed').width((chang_du/910)*100 + '%') //现在在来解决播放时间的问题 //播放时长的百分比要等于我这百分比 // chang_du/910 这个是0到100的百分比 //audio.currentTime 这个是当前的秒数 假如歌曲是275秒 // 总秒数*百分比 就是他的百分比 让这个当前播放事件等于这个百分比 也就是ok了 audio.currentTime=totalTime*(chang_du/910); // console.log(audio.currentTime); //这个是秒数 看看对不对 结果ok } )
感觉这个思路下 添加一个快进快退的按钮 来控制歌曲播放进度也可以实现了
借楼,补充一下
如果你的项目已经和视频里一样设置了编码过滤器但是控制台输出的时候还是中文乱码,可以这样:先System.out.println输出一句中文,如果这时输出的中文不是乱码的话说明是你的代码的问题,如果这时候单纯的输出中文都是乱码的话说明是你tomcat配置的问题,按照这个文章的更改就好。本人亲测就是这个问题彻底解决Tomcat控制台输出中文乱码_沐言鸭的博客-CSDN博客
第二题答案有误:
ordering_fields = ('sex','age')
没有encoding选项啊,自己手打上去也没用...
没有encoding这个选项啊,自己手动打上去也不能转编码...
老师我这个安装失败了,请求远程援助
为什么我没有这个包啊
请问下spring中 durid 通过配置类的方式进行配置如何进行配置呢? 是否有实实例代码?
prog_lange=[70,80,24,56] features=[10,20,30,40] print(sorted(list(zip(features,prog_langs)),reverse=True)) # 如果我想用第一个列表排序,怎么实现
如果两列表都是int ,我怎么自由的选择按哪个列表的数据排序
老师,为什么两次结果不一样,第一次居中没有星号
视频代码在readData执行可能会报错
解决方法参考文章
https://blog.csdn.net/weixin_42247563/article/details/100073461
a="setsetset" print(a[::-2])
结果为啥是tsets而不是etse
这一节的实时反馈答案应该是两个\\
$(window).scrollTop()是也页面的滑动高度是吧
$(window).height()我试着是页面可视窗口的高度
$(document).height()是整个页面的高度吧
老师,我pycharm运行时出现Process finished with exit code 0解决不了,程序是之前运行没问题的。
非常抱歉给您带来不好的体验!为了更深入的了解您的学习情况以及遇到的问题,您可以直接拨打投诉热线:
我们将在第一时间处理好您的问题!
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护:百战汇智(北京)科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证:京B2-20212637