artist
album
title
p
q
s
n
o
z
l
M
t
00:00
/ 00:00
/ 00:00
<
- <!-- The styles for the player -->
- <link href="wimpyCssPlayer.css" rel="stylesheet" type="text/css">
-
- <div data-wimpycssplayer class="player" data-media="../song1.mp3">
-
- <div data-coverart class="coverart"></div>
- <p>
- </p><div data-artist class="info">artist</div><br>
- <div data-album class="info">album</div><br>
- <div data-title class="info">title</div><br>
- <p></p>
- <p>
- </p><div data-play class="basicButton">p</div>
- <div data-pause class="basicButton">q</div>
- <div data-stop class="basicButton">s</div>
- <div data-next class="basicButton">n</div>
- <div data-previous class="basicButton">o</div>
- <div data-random class="basicButton">z</div>
- <div data-loop class="basicButton">l</div>
- <div data-mute class="basicButton">M</div>
- <div data-thinker class="thinker">t</div>
- <p></p>
- <p>
- </p><div class="time">
- <span data-current>00:00</span>
- / <span data-remaining>00:00</span>
- / <span data-total>00:00</span>
- </div>
- <p></p>
-
- <p>
- </p><div class="seekWrapper">
- <div data-seek class="seek"></div>
- </div>
- <div class="loadingWrapper">
- <div data-loading class="loading"></div>
- </div>
- <p></p>
- <p>
- </p><div data-back class="basicButton"><</div>
- <div class="playlistWrapper">
- <div data-playlist class="playlist">
- <div data-playlist-item class="playlistItem">
- <div data-item-image class="playlistItemImage noSelect">Image</div>
- <div data-item-title class="playlistItemTitle noSelect">Title</div>
- <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
- <div data-item-album class="playlistItemAlbum noSelect">Album</div>
- </div>
- <div data-playlist-item class="playlistItem">
- <div data-item-image class="playlistItemImage noSelect">Image</div>
- <div data-item-title class="playlistItemTitle noSelect">Title</div>
- <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
- <div data-item-album class="playlistItemAlbum noSelect">Album</div>
- </div>
- <div data-playlist-item class="playlistItem">
- <div data-item-image class="playlistItemImage noSelect">Image</div>
- <div data-item-title class="playlistItemTitle noSelect">Title</div>
- <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
- <div data-item-album class="playlistItemAlbum noSelect">Album</div>
- </div>
- </div>
- </div>
- <p></p>
-
- </div>
- <!-- -->