fterlyfe

glenthemes music player 04

Dec 3rd, 2021 (edited)
133
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.34 KB | None | 0 0
  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  2.  
  3. <!-------MUSIC PLAYER BY GLENTHEMES------->
  4. <script src="//static.tumblr.com/gtjt4bo/m8Ypn96yc/glenplayer04.js"></script>
  5.  
  6. <style type="text/css">
  7.  
  8. /*-------MUSIC PLAYER BY GLENTHEMES-------*/
  9. #glenplayer04 {
  10. position:fixed;
  11. bottom:0;margin-bottom:25px;
  12. left:0;margin-left:25px;
  13. z-index:99;
  14. }
  15. #gt-player {
  16. display:flex;
  17. padding:15px;
  18. background:#31302E; /* main music player background color */
  19. border-radius:3px 3px 0 0;
  20. }
  21.  
  22. #gt-player > div {
  23. align-self:center;
  24. -webkit-align-self:center;
  25. }
  26.  
  27. #music-controls {
  28. user-select:none;
  29. -webkit-user-select:none;
  30. width:12px;
  31. font-size:12px;
  32. cursor:pointer;
  33. color:#ceccdb; /* play & pause button color */
  34. }
  35.  
  36. .pausee {display:none;}
  37.  
  38. #gt-barwrap {
  39. margin-left:15px;
  40. padding:5px 0;
  41. cursor:pointer;
  42. }
  43.  
  44. #gt-musicbar {
  45. min-width:100px;
  46. height:2px;
  47. background:#222; /* music bar color (not played) */
  48. border-radius:4px;
  49. display:flex;
  50. }
  51.  
  52. #gt-musictrack {
  53. height:inherit;
  54. background:#ceccdb; /* music track color (played) */
  55. border-radius:4px;
  56. width:0;
  57. }
  58.  
  59. #gt-blob {
  60. align-self:center;
  61. -webkit-align-self:center;
  62. margin-left:-4px;
  63. width:8px;
  64. height:8px;
  65. border-radius:100%;
  66. background:#ceccdb; /* music slider blob color */
  67. }
  68.  
  69. #music-duration {
  70. margin-left:15px;
  71. font-family:consolas-alt;
  72. font-size:10px;
  73. letter-spacing:0.5px;
  74. color:#b5b5b5; /* music time text color */
  75. }
  76.  
  77. #gt-songtext {
  78. margin-top:0px;
  79. padding:10px 15px;
  80. background:#3d3c3b; /* song title background color */
  81. border-radius:0 0 3px 3px;
  82. font-family:consolas-alt;
  83. font-size:10px;
  84. line-height:1em;
  85. color:#c5c5c5; /* song title color */
  86. overflow:hidden;
  87. }
  88.  
  89. @font-face { font-family: "consolas-alt"; src: url('//glen-assets.github.io/fonts/consolas.TTF'); }
  90.  
  91. </style>
  92.  
  93. <!-------MUSIC PLAYER BY GLENTHEMES------->
  94. <div id="glenplayer04">
  95. <div id="gt-player">
  96. <div id="music-controls">
  97. <div class="playy">►</div>
  98. <div class="pausee">❚❚</div>
  99. </div>
  100. <div id="gt-barwrap">
  101. <div id="gt-musicbar">
  102. <div id="gt-musictrack"></div>
  103. <div id="gt-blob"></div>
  104. </div></div>
  105.  
  106. <div id="music-duration"></div>
  107. </div>
  108.  
  109. <div id="gt-songtext">REDALiCE - MAMI MAMI ZONE</div>
  110. </div>
  111.  
  112. <audio id="symphonia" src="https://dl.dropbox.com/s/su8mergyk9lvhmb/mami-mami-zone.mp3" type="audio"></audio>
  113. <!----end music player---->
Add Comment
Please, Sign In to add comment