FediMusicPlayer/index.html

39 lines
819 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Music Player</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main>
<article>
<aside>
<img id="audioCoverArt" class="audioCoverArt" src="" alt="Cover"></img>
</aside>
<div class="content">
<header>
<h3>
<a id="audioTrack">Track</a>
</h3>
By
<a id="audioArtist">Artist</a>
</header>
</div>
</article>
<audio controls id="audioPlayer">
Sorry, your browser doesn't support HTML5!
</audio>
<div class="queue-wrapper">
<table class="playlist">
<tbody id="audioPlaylist">
</tbody>
</table>
</div>
<script src="musicPlayerPlaylist.js"></script>
<script src="audioPlayer.js"></script>
<script>audioPlayer();</script>
</main>
</body>
</html>