Commit 14fa618

committed

Add the features for music

1 parent 8e164fb commit 14fa618Copy full SHA for 14fa618

File tree

+35

-0

lines changed

+35

-0

lines changed

Lines changed: 35 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,35 @@`
	`1`	`+<!DOCTYPE html>`
	`2`	`+<html lang="en">`
	`3`	`+<head>`
	`4`	`+ <meta charset="UTF-8">`
	`5`	`+ <meta name="viewport" content="width=device-width, initial-scale=1.0">`
	`6`	`+ <title>Music Player</title>`
	`7`	`+ <link rel="stylesheet" href="style.css">`
	`8`	`+ </head>`
	`9`	`+ <body>`
	`10`	`+ <div class="music-player">`
	`11`	`+ <h1>Music Player</h1>`
	`12`	`+ <div class="player">`
	`13`	`+ <h2 id="song-title">No song playing</h2>`
	`14`	`+ <audio id="audio"></audio>`
	`15`	`+ <div class="controls">`
	`16`	`+ <button id="prev">⏮️</button>`
	`17`	`+ <button id="play">▶️</button>`
	`18`	`+ <button id="next">⏭️</button>`
	`19`	`+ </div>`
	`20`	`+ <input type="range" id="volume" min="0" max="1" step="0.01" value="1">`
	`21`	`+ </div>`
	`22`	`+ <div class="song-list">`
	`23`	`+ <h3>Your Playlist</h3>`
	`24`	`+ <ul id="playlist"></ul>`
	`25`	`+ </div>`
	`26`	`+ <div class="add-song">`
	`27`	`+ <h3>Add Your Songs</h3>`
	`28`	`+ <input type="file" id="file-input" accept="audio/*">`
	`29`	`+ <button id="add-song-btn">Add Song</button>`
	`30`	`+ </div>`
	`31`	`+ </div>`
	`32`	`+ <script src="script.js"></script>`
	`33`	`+`
	`34`	`+</body>`
	`35`	`+</html>`

Comments

(0)