-
Notifications
You must be signed in to change notification settings - Fork 144
/
Copy pathindex.html
62 lines (60 loc) · 2.09 KB
/
index.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<head>
<title>ต่อเพลง</title>
</head>
<link rel="stylesheet" href="./public/style.css" />
<link rel="shortcut icon" href="./public/favicon.svg" type="image/svg+xml" />
<div class="container">
<div id="header">
<h1>🎤 ต่อเพลง 🎸</h1>
</div>
<div id="player">
<iframe
id="playframe"
v-bind:src="url"
width="560"
height="315"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
>
</iframe>
</div>
<div id="song-list">
<ol>
<li
v-for="song in songs"
id="song-card"
v-on:click="window.location.href=`#${song.pos}`"
>
<a v-bind:id="song.pos">
{{ state.select === 'lyrics' ? song.excerpt : song.artist_song }}
</a>
</li>
</ol>
</div>
<div id="functions">
<div id="now-play">Song Title</div>
<div>เพิ่มเพลงได้ที่ <a href="https://github.com/narze/torpleng" target="_blank" class="underline">github</a></div>
<div id="func-container">
<a title="เพลงก่อนหน้า" id="control-btn" onclick="song('backward');">◀</a>
<a id="lyrics" onclick="setmode('lyrics');">เนื้อเพลง</a>
<input type="text" name="findsong" id="findsong" placeholder="No." />
<a id="author" onclick="setmode('author');">ผู้แต่ง</a>
<a title="เพลงต่อไป" id="control-btn" onclick="song('forward');">▶</a>
</div>
</div>
</div>
<div id="support">
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
kofiWidgetOverlay.draw('narze', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Support me',
'floating-chat.donateButton.background-color': '#00b9fe',
'floating-chat.donateButton.text-color': '#fff'
});
</script>
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script src="./public/script.js"></script>