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 style="width:400px;">
  4. <div id="myPlayer" style="width:400px;" data-wimpyplayer data-getid3 data-coverart="../coverart.jpg" data-media="../song1.mp3|../song2.mp3|../song3.mp3" data-skin="../wimpy.skins/001.tsv"></div>
  5.  
  6. <div data-wimpycssplayer="1" data-forplayer="myPlayer" class="player">
  7.  
  8. <div data-coverart class="coverart"></div>
  9. <p>
  10. </p><div data-artist class="info">artist</div><br>
  11. <div data-album class="info">album</div><br>
  12. <div data-title class="info">title</div><br>
  13. <p></p>
  14. <p>
  15. </p><div data-play class="basicButton">p</div>
  16. <div data-pause class="basicButton">q</div>
  17. <div data-stop class="basicButton">s</div>
  18. <div data-next class="basicButton">n</div>
  19. <div data-previous class="basicButton">o</div>
  20. <div data-random class="basicButton">z</div>
  21. <div data-loop class="basicButton">l</div>
  22. <div data-mute class="basicButton">M</div>
  23. <div data-thinker class="thinker">t</div>
  24. <p></p>
  25. <p>
  26. </p><div class="time">
  27. <span data-current>00:00</span>
  28. / <span data-remaining>00:00</span>
  29. / <span data-total>00:00</span>
  30. </div>
  31. <p></p>
  32. <p>
  33. </p><div class="seekWrapper">
  34. <div data-seek class="seek"></div>
  35. </div>
  36. <div class="loadingWrapper">
  37. <div data-loading class="loading"></div>
  38. </div>
  39. <p></p>
  40. <p>
  41. </p><div data-back class="basicButton">&lt;</div>
  42. <div class="playlistWrapper">
  43. <div data-playlist class="playlist">
  44. <div data-playlist-item class="playlistItem">
  45. <div data-item-image class="playlistItemImage noSelect">Image</div>
  46. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  47. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  48. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  49. </div>
  50. <div data-playlist-item class="playlistItem">
  51. <div data-item-image class="playlistItemImage noSelect">Image</div>
  52. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  53. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  54. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  55. </div>
  56. <div data-playlist-item class="playlistItem">
  57. <div data-item-image class="playlistItemImage noSelect">Image</div>
  58. <div data-item-title class="playlistItemTitle noSelect">Title</div>
  59. <div data-item-artist class="playlistItemArtist noSelect">Artist</div>
  60. <div data-item-album class="playlistItemAlbum noSelect">Album</div>
  61. </div>
  62. </div>
  63. </div>
  64. <p></p>
  65. </div>
  66. </div>
  67. <!-- -->
giItT1WQy@!-/#