会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132437个问题
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于SpringSecurity实现后台登录功能 10141楼


在课堂基础上拓展了一个功能  进度条可以通过点击事件 变换歌曲播放进度

也就是鼠标点在进度条哪里,进度条就会到哪里,然后歌曲的播放时间也会对应的到这里。


其他代码跟老师的一样  只是在监听事件后面拓展了一个鼠标在进度条按下的时候的一个监听函数 

代码如下:

            //实现可以点击变换歌曲进度的进度条
            //设置一个鼠标按下去的监听
             //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
                }
            )




image.png



感觉这个思路下 添加一个快进快退的按钮 来控制歌曲播放进度也可以实现了

image.png

WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 10143楼
Python 全系列/第十五阶段:Python 爬虫开发/scrapy框架使用 10145楼

'''创建一个经典的GUI程序的写法,使用面向对象的方法'''
from tkinter import *
import webbrowser
class Application(Frame):
    '''一个经典的GUI写法'''
    def __init__(self,master=None):
        super().__init__(master)
        self.master=master
        self.pack()
        self.creatWidget()
    def creatWidget(self):
        '''创建组件'''
        self.w1=Text(root,width=20,height=12,bg="gray")
        self.w1.pack()
        self.w1.insert(1.0,"0123456789\nabcdefg")
        self.w1.insert(2.3,"锄禾日当午,汗滴禾下土。谁知盘中餐,粒粒皆辛苦\n")

        Button(self,text="重复插入文本",command=self.insertText).pack(side="left")
        Button(self,text="返回文本",command=self.returnText).pack(side="left")
        Button(self,text="添加组件",command=self.addWidget).pack(side="left")
        Button(self,text="添加图片",command=self.addImage).pack(side="left")
        Button(self,text="通过tag精确控制文本",command=self.testTag).pack(seid="left")




        def insertText(self):
            self.w1.insert(INSERT,'Wsq')
            self.w1.insert(END,'[sxt]')
            self.w1.insert(1.8,'wsq')
        def returnText(self):
            print(self.w1.get(1.2,1.6))
            print("所有文本内容:\n"+self.w1.get(1.0,END))
        def addWidget(self):
            b1=Button(self.w1,text='尚学堂')
            self.w1.window_create(INSERT,window=b1)
        def addImage(self):
            self.photo=PhotoImage(file="b/asd.gif")
            self.w1.image_create(END,image=self.photo)
        def testTag(self):
            self.w1.delete(1.0,END)
            self.w1.insert(INSERT,"good good study,day day up!\n北京尚学堂\n百战程序员\n百度,搜索一下")
            self.w1.tag_add("good",1.0,1.9)
            self.w1.tag_config("good",background="yellow",foreground="red")
            self.w1.tag_bind("baidu","<Button-1>",self.webshow)





root=Tk()
root.geometry("400x200+200+300")
root.title("一个经典的GUI程序的测试")

app=Application(master=root)
root.mainloop()

GIF.gif

老师这个问题出在哪了?一直找不出来...

Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 10149楼
Python 全系列/第一阶段:Python入门/函数和内存分析 10151楼
JAVA 全系列/第一阶段:JAVA 快速入门/面向对象详解和JVM底层内存分析 10152楼
Python 全系列/第二十七阶段:Hadoop 分布式文件系统:HDFS(扩展)/Hadoop 高可用集群及java API 10153楼
JAVA 全系列/第十一阶段:分布式RPC调用和分布式文件存储/Zookeeper 10155楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637