From e4d2c56792eab52496933be750cb131ce18e3156 Mon Sep 17 00:00:00 2001 From: thely314 <146166116+thely314@users.noreply.github.com> Date: Fri, 8 Dec 2023 22:26:32 +0800 Subject: [PATCH 1/3] Delete index.html --- index.html | 50 -------------------------------------------------- 1 file changed, 50 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index a393ef6..0000000 --- a/index.html +++ /dev/null @@ -1,50 +0,0 @@ - - - - - - - -
-
-

音乐列表(部分音乐存在前奏延迟)

-
-
- -
-
-

当前播放: 果てなき風の軌跡さえ~破~

-
- -
- -
- - - -
- - -
-
-
- - - From f8300d1672b00bb040352c1608d8d1384110421d Mon Sep 17 00:00:00 2001 From: thely314 <146166116+thely314@users.noreply.github.com> Date: Fri, 8 Dec 2023 22:27:21 +0800 Subject: [PATCH 2/3] Delete source/js/index.js --- source/js/index.js | 63 ---------------------------------------------- 1 file changed, 63 deletions(-) delete mode 100644 source/js/index.js diff --git a/source/js/index.js b/source/js/index.js deleted file mode 100644 index 7df23c5..0000000 --- a/source/js/index.js +++ /dev/null @@ -1,63 +0,0 @@ -var song_list=["果てなき風の軌跡さえ~破~","琪露诺的完美算术教室","琪露诺的完美算数教室⑨周年版","NEEDY GIRL OVERDOSE","INTERNET YAMERO","二人の魔法","Sweet Treasure (Inst.)"]; -var i = 0; - -var audioPlayer = document.getElementById("audioPlayer"); - -//初始化音量 -window.onload = function() { - var audio = document.getElementById("audioPlayer"); - audio.volume = 0.2; -}; - -function play() { - if (audioPlayer.paused) { - audioPlayer.play(); - document.getElementById('musicImg').src="source/img/pauseButton.png"; - }else{ - audioPlayer.pause(); - document.getElementById('musicImg').src="source/img/startButton.png"; - } -} - -function end() { - audioPlayer.pause(); - document.getElementById('musicImg').src="source/img/startButton.png"; - audioPlayer.currentTime = 0;//让音乐从头播放 -} - -function change(n){ - i=n; - audioPlayer.src = "source/music/"+song_list[i]+".mp3"; - audioPlayer.load(); - audioPlayer.play(); - document.getElementById('musicImg').src="source/img/pauseButton.png"; - changeShowedText(i); -} - -function next(){ - if(i<6)//n-1 - { - i+=1; - } - else{ - i=0; - } - audioPlayer.src = "source/music/"+song_list[i]+".mp3"; - audioPlayer.load(); - audioPlayer.play(); - document.getElementById('musicImg').src="source/img/pauseButton.png"; - changeShowedText(i); -} - -function changeVolume(value) { - var audio = document.getElementById("audioPlayer"); - audio.volume = value; - - var volumeLabel = document.getElementById("volumeLabel"); - volumeLabel.innerText = "音量: " + (value * 100) + "%"; -} - -function changeShowedText(i){ - var showedText = document.getElementById("currentMusic"); - showedText.innerText = "当前播放: " + song_list[i]; -} From 97331f1b6dd60898485d83767a8af9a0a2ff347d Mon Sep 17 00:00:00 2001 From: thely314 <146166116+thely314@users.noreply.github.com> Date: Fri, 8 Dec 2023 22:27:59 +0800 Subject: [PATCH 3/3] Delete source/css/style.css --- source/css/style.css | 156 ------------------------------------------- 1 file changed, 156 deletions(-) delete mode 100644 source/css/style.css diff --git a/source/css/style.css b/source/css/style.css deleted file mode 100644 index cec0116..0000000 --- a/source/css/style.css +++ /dev/null @@ -1,156 +0,0 @@ - -.container { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - height: 100vh; -} - -#listTitle { - position:absolute; - left: 200px; - top: 200px; - height: 100px; - width: 300px; -} - -#audioList { - margin-top: 20px; - color: rgb(255, 255, 255); - -webkit-text-stroke: 1px rgb(3, 3, 3); - border-color: rgb(196, 219, 255); - border-width: 10px; - border-radius: 5%; - border-style: ridge; - overflow-y:scroll; - overflow-x:hidden; - padding: 0; - margin: 0; - position:absolute; - left: 160px; - top: 250px; - height: 150px; - width: 350px; - } - - ul { - list-style-type: none; - line-height: 25px; - } - - li:hover { - cursor: pointer; - color: rgb(0, 0, 255); -} - -#currentMusic{ - margin-top: 25px; - position:absolute; - left: 210px; - top: 400px; - height: 200px; -} - -#controls { - margin-top: 50px; - position:absolute; - left: 210px; - top: 400px; - height: 200px; - outline: none; -} - -button { - background-color: rgb(255, 255, 255); - color: rgb(0, 0, 255); - padding: 5px 10px; - margin-right: 10px; - outline: none; -} - -#volumeSlider { - position: absolute; - left: 90px; - top: 70px; - outline: none; -} - -audio { - display: none; -} - -.btn{ - width: 80px; - height: 60px; - background: radial-gradient(circle, rgba(247, 150, 192, 1) 0%, rgba(118, 174, 241, 1) 100%); - border: none; - color: rgb(0, 0, 0); - font-weight: 50; - font-size: 13px; - border-radius: 10px; - cursor: pointer; - position: relative; - line-height: 10px; -} -.btn span{ - width: 100%; - height: 100%; - position: relative; - display: block; -} -.btn:hover{ - background: transparent; - color: rgb(0, 0, 0); -} -.btn::before, -.btn::after{ - content: ''; - position: absolute; - width: 1px; - height: 1px; - box-shadow: - -1px -1px 20px 0px rgba(255, 255, 255, 1), - -4px -4px 5px 0px rgba(255, 255, 255, 1), - 10px 10px 20px 0px rgba(0, 0, 0, .4), - 6px 6px 5px 0px rgba(0, 0, 0, .3); - transition: all 0.8s ease; - padding: 0; -} -.btn::before{ - top: 0; - right: 0; -} -.btn::after{ - bottom: 0; - left: 0; -} -.btn:hover::before, -.btn:hover::after{ - height: 100%; -} -.btn span::before, -.btn span::after{ - position:absolute; - content: ''; - height: 1px; - width: 0px; - box-shadow: - -1px -1px 20px 0px rgba(255, 255, 255, 1), - -4px -4px 5px 0px rgba(255, 255, 255, 1), - 10px 10px 20px 0px rgba(0, 0, 0, .4), - 6px 6px 5px 0px rgba(0, 0, 0, .3); - transition: all 0.8s ease; -} -.btn span::before{ - top:0; - left: 0; -} -.btn span::after{ - bottom: 0; - right: 0; -} -.btn span:hover::before, -.btn span:hover::after{ - width: 100%; -} \ No newline at end of file