forked from lemme0416/wassup
-
Notifications
You must be signed in to change notification settings - Fork 0
/
music.html
36 lines (31 loc) · 1.81 KB
/
music.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="https://imgur.com/G4KMHP3.png" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<link rel="stylesheet" href="css/music.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="js/music.js"></script>
</head>
<body>
<!-- song name -->
<div class="song_name">
<p id = "test">error</p>
</div>
<!-- 播放 -->
<audio id ="music" preload="true" controls = "true" loop = false>
Your browser does not support the audio element.
</audio>
<!-- 各式各樣的功能 -->
<img class="loop" id="loop" onclick="showCustomer('loop')" class="how_to_play" title="循環" src = "https://i.imgur.com/er0TBWN.png">
<img class="single" id="single" onclick="showCustomer('single')" class="how_to_play" title="單曲循環" src="https://i.imgur.com/j1jzgdj.png">
<img class="random" id="random" onclick="showCustomer('random')" class="how_to_play" title="隨機" src = "https://i.imgur.com/u09pKuP.png">
<img class="last" id="previous" onmouseover="previous_hover(this)" onmouseout="previous(this)" onclick="backsong()" title="上一首" class="how_to_play" src="https://i.imgur.com/Ou0uTxe.png">
<img class="next" id="next" onmouseover="next_hover(this)" onmouseout="next(this)" onclick="playendedhandler()" title="下一首" class="how_to_play" src="https://i.imgur.com/NvVbqcF.png">
<!-- used to debug -->
<p id = "l"></p>
</body>
</html>