artist

album

title

p
q
s
n
o
z
l
M
t

00:00 / 00:00 / 00:00

<
Image
Title
Artist
Album
Image
Title
Artist
Album
Image
Title
Artist
Album

  1. <!-- The styles for the player -->
  2. <link href="wimpyCssPlayer.css" rel="stylesheet" type="text/css">
  3. <div data-wimpycssplayer class="player" data-media="../song1.mp3">
  4.  
  5. <div data-coverart class="coverart"></div>
  6. <p>
  7. </p><div data-artist class="info">artist</div><br>
  8. <div data-album class="info">album</div><br>
  9. <div data-title class="info">title</div><br>
  10. <p></p>
  11. <p>
  12. </p><div data-play class="basicButton">p</div>
  13. <div data-pause class="basicButton">q</div>
  14. <div data-stop class="basicButton">s</div>
  15. <div data-next class="basicButton">n</div>
  16. <div data-previous class="basicButton">o</div>
  17. <div data-random class="basicButton">z</div>
  18. <div data-loop class="basicButton">l</div>
  19. <div data-mute class="basicButton">M</div>
  20. <div data-thinker class="thinker">t</div>
  21. <p></p>
  22. <p>
  23. </p><div class="time">
  24. <span data-current>00:00</span>
  25. / <span data-remaining>00:00</span>
  26. / <span data-total>00:00</span>
  27. </div>
  28. <p></p>
  29. <p>
  30. </p><div class="seekWrapper">
  31. <div data-seek class="seek"></div>
  32. </div>
  33. <div class="loadingWrapper">
  34. <div data-loading class="loading"></div>
  35. </div>
  36. <p></p>
  37. <p>
  38. </p><div data-back class="basicButton">&lt;</div>
  39. <div class="playlistWrapper">
  40. <div data-playlist class="playlist">
  41. <div data-playlist-item class="playlistItem">
  42. <div data-item-image class="playlistItemImage noSelect">Image</div>
  43. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  44. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  45. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  46. </div>
  47. <div data-playlist-item class="playlistItem">
  48. <div data-item-image class="playlistItemImage noSelect">Image</div>
  49. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  50. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  51. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  52. </div>
  53. <div data-playlist-item class="playlistItem">
  54. <div data-item-image class="playlistItemImage noSelect">Image</div>
  55. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  56. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  57. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  58. </div>
  59. </div>
  60. </div>
  61. <p></p>
  62. </div>
  63. <!-- -->
giItT1WQy@!-/#