A web music player written in JS

index.html 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  7. <script type="text/javascript" src="js/player.js"></script>
  8. <link rel="stylesheet" type="text/css" href="css/player.css">
  9. </head>
  10. <body>
  11. <div id="player">
  12. <div id="player-control">
  13. <a id="player-previous">«</a>
  14. <a id="player-toggle">▻</a>
  15. <a id="player-next">»</a>
  16. </div>
  17. <span id="player-title">No Song</span>
  18. <div id="player-bar">
  19. <div id="player-buffer"></div>
  20. <div id="player-played"></div>
  21. <div id="player-cursor"></div>
  22. </div>
  23. <div id="player-time">
  24. <span id="player-currentTime">00:00</span> | <span id="player-duration">00:00</span>
  25. </div>
  26. <a id="player-menu">☰</a>
  27. <div id="player-volume">
  28. <a id="player-volume-mute">♫</a>
  29. <input type="range" id="player-volume-bar" min="0" max="100" value="100"/>
  30. <!-- <div id="player-volume-bar">
  31. <div id="player-volume-set"></div>
  32. </div> -->
  33. </div>
  34. </div>
  35. <div id="YTplayer"></div>
  36. <script type="text/javascript" src="js/init.js"></script>
  37. </body>
  38. </html>