新增显示当前正在播放的音乐

This commit is contained in:
涵曦 2024-04-30 13:47:45 +00:00
parent b9e1abff6b
commit 050ded6b2e
4 changed files with 56 additions and 3 deletions

View File

@ -22,17 +22,21 @@ def allcmds():
return KEY_WORD_DICT return KEY_WORD_DICT
@app.route("/getvolume") @app.route("/getvolume", methods=["GET"])
def getvolume(): def getvolume():
return { return {
"volume": xiaomusic.get_volume(), "volume": xiaomusic.get_volume(),
} }
@app.route("/searchmusic") @app.route("/searchmusic", methods=["GET"])
def searchmusic(): def searchmusic():
name = request.args.get('name') name = request.args.get('name')
return xiaomusic.searchmusic(name) return xiaomusic.searchmusic(name)
@app.route("/playingmusic", methods=["GET"])
def playingmusic():
return xiaomusic.playingmusic()
@app.route("/", methods=["GET"]) @app.route("/", methods=["GET"])
def redirect_to_index(): def redirect_to_index():
return send_from_directory("static", "index.html") return send_from_directory("static", "index.html")

View File

@ -86,4 +86,17 @@ $(function(){
} }
}); });
}); });
function get_playing_music() {
$.get("/playingmusic", function(data, status) {
console.log(data);
$("#playering-music").text(data);
});
}
// 每3秒获取下正在播放的音乐
get_playing_music();
setInterval(() => {
get_playing_music();
}, 3000);
}); });

View File

@ -28,6 +28,34 @@
width: 300px; width: 300px;
height: 40px; height: 40px;
} }
.container{
width: 280px;
overflow: hidden;
display: inline-block;
}
@keyframes text-scroll {
0% {
left: 100%;
}
25% {
left: 50%;
}
50% {
left: 0%;
}
75% {
left: -50%;
}
100% {
left: -100%;
}
}
.text {
font-weight: bold;
position: relative;
animation: text-scroll 10s linear infinite;
}
</style> </style>
</head> </head>
<body> <body>
@ -47,7 +75,10 @@
<datalist id="autocomplete-list"></datalist> <datalist id="autocomplete-list"></datalist>
<input id="music-name" type="text" placeholder="请输入搜索关键词(如:MV高清版 周杰伦 七里香)" list="autocomplete-list"></input> <input id="music-name" type="text" placeholder="请输入搜索关键词(如:MV高清版 周杰伦 七里香)" list="autocomplete-list"></input>
<input id="music-filename" type="text" placeholder="请输入保存为的文件名称(如:周杰伦七里香)"></input> <input id="music-filename" type="text" placeholder="请输入保存为的文件名称(如:周杰伦七里香)"></input>
</div>
<button id="play">播放</button> <button id="play">播放</button>
<div class="container">
<div id="playering-music" class="text"></div>
</div> </div>
</body> </body>
</html> </html>

View File

@ -580,3 +580,8 @@ class XiaoMusic:
search_list = fuzzyfinder(name, self._play_list) search_list = fuzzyfinder(name, self._play_list)
self.log.debug("searchmusic. name:%s search_list:%s", name, search_list) self.log.debug("searchmusic. name:%s search_list:%s", name, search_list)
return search_list return search_list
# 正在播放中的音乐
def playingmusic(self):
self.log.debug("playingmusic. cur_music:%s", self.cur_music)
return self.cur_music