-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
105 lines (93 loc) · 5.54 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<!-- Coding By SAMIR PAUL - samirpaul.in -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>Music Player - Listen Music Online</title>
<link rel="shortcut icon" href="favicon.ico">
<meta name="title" content="Music Player - Listen Music Online">
<meta name="description" content="Music Player is a simple project developed using JavaScript, CSS, and HTML. Listen your self-made songs collection online.">
<meta name="keywords" content="Music, Music Player, Audio Player, PlayList, Songs, Music Collection, HTML, CSS, JS, Music App">
<meta name="author" content="Samir Paul">
<meta name="keywords" content="Music, Music Player, Audio Player, PlayList, Songs, Music Collection, HTML, CSS, JS, Music App, Download songs, music, mp3 songs online, listen songs, MP3 songs, free online songs, wynk music, online latest songs, free music, popular songs, movie songs, listen to songs online, listen to free music, online music, free music online, latest movie songs, hindi songs, music albums, free music, online music, english songs, hollywood songs, playlists music, music online, hindi songs, play songs, online songs, HTML, Python, CSS, SQL, JavaScript, How to, PHP, Java, C++, jQuery, Bootstrap, C#, XML, MySQL, NodeJS, React, Angular, R, AI, Git, Data Science, Code Game, Tutorials, Programming, Web Development, Training, Learning, Quiz, Courses, Lessons, References, Examples, Source code, Demos, Tips">
<meta name="robots" content="index, follow">
<meta name="p:domain_verify" content="24bac6e1fbf1750de40d59bb788d9dd9"/>
<meta name="p:domain_verify" content="24bac6e1fbf1750de40d59bb788d9dd9"/>
<meta name="msvalidate.01" content="1A92FC2EC113F8616A21D76DA684A133" />
<meta name="yandex-verification" content="fe6a06c57be84984" />
<meta name="yandex-verification" content="39e29790ebc96010" />
<meta name="facebook-domain-verification" content="3pkgruuk3kzlsn3jdfehgbd4sem1qb" />
<meta name="google-site-verification" content="tTMVzrqoAcZ0jIPOokXcTMAEaj5XHbk2aQcAFyjAtf0" />
<meta name="google-site-verification" content="uziThFIJ1huzKLCKv-DChPbWZTRRFqmmdA6pcA-dqzs" />
<meta name="google-site-verification" content="fVqw6aziPBBMvC50fkQ3A6y38AhIfhUhfDyIzqqdGTs" />
<meta name="google-site-verification" content="0xx-nlxp3UCpu_YITeTuMA4ld0Jup5hg69j-QNot0aU" />
<meta name="google-site-verification" content="YZkjOzwrUSuP4dJNNznzDnp1oGqYsVN9KuQPaZ9Q61o" />
<meta name="norton-safeweb-site-verification" content="2xno70lnqo1ajcykeat10qud6lat0xlkc2bskxz0k9ma74g0bn-kprra5ev6bwui2s6-2394l0ryopjet7yt3hs8tokilug2cfhocw3r0nlj2t1xx690tgu82t59wtwi" />
<link rel="canonical" href="https://samirpaulb.github.io/music"/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://samirpaulb.github.io/music/">
<meta property="og:title" content="Music Player - Listen Music Online">
<meta property="og:description" content="Music Player is a simple project developed using JavaScript, CSS, and HTML. Listen your self-made songs collection online.">
<meta property="og:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/music-player-online-mp3-player_samirpaul1.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://samirpaulb.github.io/music/">
<meta property="twitter:title" content="Music Player - Listen Music Online">
<meta property="twitter:description" content="Music Player is a simple project developed using JavaScript, CSS, and HTML. Listen your self-made songs collection online.">
<meta property="twitter:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/music-player-online-mp3-player_samirpaul1.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<div class="wrapper">
<div class="top-bar">
<i class="material-icons">expand_more</i>
<span>Now Playing</span>
<i class="material-icons">more_horiz</i>
</div>
<div class="img-area">
<img src="" alt="Music Image">
</div>
<div class="song-details">
<p class="name"></p>
<p class="artist"></p>
</div>
<div class="progress-area">
<div class="progress-bar">
<audio id="main-audio" src=""></audio>
</div>
<div class="song-timer">
<span class="current-time">0:00</span>
<span class="max-duration">0:00</span>
</div>
</div>
<div class="controls">
<i id="repeat-plist" class="material-icons" title="Playlist looped">repeat</i>
<i id="prev" class="material-icons">skip_previous</i>
<div class="play-pause">
<i class="material-icons play">play_arrow</i>
</div>
<i id="next" class="material-icons">skip_next</i>
<i id="more-music" class="material-icons">queue_music</i>
</div>
<div class="music-list">
<div class="header">
<div class="row">
<i class= "list material-icons">queue_music</i>
<span>Music list</span>
</div>
<i id="close" class="material-icons">close</i>
</div>
<ul>
<!-- here li list are coming from js -->
</ul>
</div>
</div>
<script src="js/music-list.js"></script>
<script src="js/script.js"></script>
</body>
</html>