{"id":191,"date":"2021-11-07T19:29:14","date_gmt":"2021-11-07T19:29:14","guid":{"rendered":"https:\/\/seosthemes.info\/music-star-wordpress-theme\/?page_id=191"},"modified":"2021-11-07T19:29:14","modified_gmt":"2021-11-07T19:29:14","slug":"music-player","status":"publish","type":"page","link":"https:\/\/seosthemes.info\/music-star\/music-player\/","title":{"rendered":"Music Player"},"content":{"rendered":"<audio id=\"seosMyAudio\" ontimeupdate=\"onTimeUpdate()\">\r\n  <!-- <source src=\"audio.ogg\" type=\"audio\/ogg\"> -->\r\n  <source id=\"source-audio\" src=\"#\" type=\"audio\/mpeg\">\r\n  Your browser does not support the audio element.<\/audio>\r\n\r\n\r\n<div class=\"cont-mp\">\r\n\t\t   <h2 class=\"mp-h2\">My Music<\/h2>\r\n\t\t<div class=\"player-ctn\">\r\n\t\t<div  class=\"gr-1\">\r\n\t\t\t<div class=\"top-img\"><\/div>\r\n\t\t\t<img decoding=\"async\" class=\"play-go\" alt=\"turntable needle\" src=\"https:\/\/seosthemes.info\/music-star\/wp-content\/themes\/music-star-premium\/include\/music-player\/go.png\"\/>\r\n\t\t\t<div class=\"dott-play\"><\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"infos-ctn\">\r\n\t\t\t<div class=\"timer\">00:00<\/div>\r\n\t\t\t<div class=\"duration\">00:00<\/div>\r\n\t\t<\/div>\t\r\n\t\t<div id=\"myProgress\">\r\n\t\t\t<div id=\"myBar\"><\/div><div class=\"title\"><\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"btn-ctn\">\r\n\t\t\t<div class=\"btn-action first-btn\" onclick=\"previous()\">\r\n\t\t\t\t<div id=\"btn-faws-back\">\r\n\t\t\t\t<span class=\"dashicons dashicons-controls-skipback\"><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"btn-action\" onclick=\"rewind()\">\r\n\t\t\t\t<div id=\"btn-faws-rewind\">\r\n\t\t\t\t  <span class=\"dashicons dashicons-controls-back\"><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"btn-action\" onclick=\"toggleAudio()\">\r\n\t\t\t\t<div id=\"btn-faws-play-pause\">\r\n\t\t\t\t  <span class=\"dashicons dashicons-controls-play\" id=\"icon-play\"><\/span>\r\n\t\t\t\t  <span class=\"dashicons dashicons-controls-pause\" id=\"icon-pause\" style=\"display: none\"><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"btn-play\" onclick=\"forward()\">\r\n\t\t\t\t<div id=\"btn-faws-forward\">\r\n\t\t\t\t  <span class=\"dashicons dashicons-controls-forward\"><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"btn-action\" onclick=\"next()\">\r\n\t\t\t\t<div id=\"btn-faws-next\">\r\n\t\t\t\t  <span class=\"dashicons dashicons-controls-skipforward\"><\/span>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"btn-mute\" id=\"toggleMute\">\r\n\t\t\t<div id=\"btn-mp-volume\">\r\n\t\t\t\t<span id=\"icon-vol-mute\" class=\"dashicons dashicons-controls-volumeoff\"><\/span>\t\t\t\t\t\r\n\t\t\t\t<input type=\"range\" min=\"0\" max=\"100\" value=\"100\" class=\"mp-slider\">\r\n\t\t\t\t<span  id=\"icon-vol-up\" class=\"dashicons dashicons-controls-volumeon\"><\/span>\t\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div class=\"playlist-ctn\"><\/div>\r\n\t<\/div>\t\r\n<\/div>\t\r\n<script>\r\n\t\tvar listAudio = [\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 1\",nums:\"1\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/922kb090_tom-jones-horns.wav-1.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t\tbuy: \"<a target='_blank' href='https:\/\/seosthemes.info\/music-star\/product\/product-7\/'><span class='dashicons dashicons-cart'><\/span><\/a>\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<img alt='Track Name 1' src='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2023\/02\/monkey-g440c2e455_1280.jpg'>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/922kb090_tom-jones-horns.wav-1.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 2\",nums:\"2\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2279kbApollodor_Lost-Their-Sight_140bpm-Gmajor.wav.mp3.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t\tbuy: \"<a target='_blank' href='https:\/\/seosthemes.info\/music-star\/product\/product-7\/'><span class='dashicons dashicons-cart'><\/span><\/a>\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<img alt='Track Name 2' src='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/concert-g8927b636d_1280.jpg'>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2279kbApollodor_Lost-Their-Sight_140bpm-Gmajor.wav.mp3.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 3\",nums:\"3\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-1.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t    buy:\"\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<img alt='Track Name 3' src='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/violins-g53b3c876e_1280.jpg'>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-1.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 4\",nums:\"4\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-1.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t\tbuy: \"<a target='_blank' href='https:\/\/seosthemes.info\/music-star\/product\/product-7\/'><span class='dashicons dashicons-cart'><\/span><\/a>\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<img alt='Track Name 4' src='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/audience-gff4f8bf9e_1920.jpg'>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-1.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 5\",nums:\"5\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/1442kb115_mideast-drone-beat.wav-1.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t    buy:\"\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<span class='dashicons dashicons-format-audio'><\/span>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/1442kb115_mideast-drone-beat.wav-1.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 6\",nums:\"6\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2831kb089_muramasa-dreamtime-rhodes.wav.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t\tbuy: \"<a target='_blank' href='https:\/\/seosthemes.info\/music-star\/product\/product-7\/'><span class='dashicons dashicons-cart'><\/span><\/a>\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<img alt='Track Name 6' src='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/piano-g27170f2d5_1920.jpg'>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2831kb089_muramasa-dreamtime-rhodes.wav.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 7\",nums:\"7\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/HipHopMakers_Lo-Fi_GreenGarden_80BPM_Dm-7.wav\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t    buy:\"\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<span class='dashicons dashicons-format-audio'><\/span>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/HipHopMakers_Lo-Fi_GreenGarden_80BPM_Dm-7.wav' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t\t{\r\n\t\t\tname:\"Track Name 8\",nums:\"8\",\r\n\t\t\tfile:\"https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-2.mp3\",\r\n\t\t\tduration:\"\",\r\n\t\t    \t\t    buy:\"\",\r\n\t\t    \t\t\t\r\n\r\n\t\t\t\t\t\timage:\"<span class='dashicons dashicons-format-audio'><\/span>\",\r\n\t\t\t\t\t\tdownloade:\"<a title='download' href='https:\/\/seosthemes.info\/music-star\/wp-content\/uploads\/sites\/17\/2021\/11\/2240kb074_plaintive-epiano-chops.wav-2.mp3' download><span class='dashicons dashicons-download'><\/span><\/a>\",\r\n\t\t\t\t\t},\r\n\t  \t  ];\r\n\r\n\tconst volSlider = document.querySelector('.mp-slider');\r\n\tfunction createTrackItem(index,name,duration,buy,image,downloade,nums){\r\n\t\tvar trackItem = document.createElement('div');\r\n\t\ttrackItem.setAttribute(\"class\", \"playlist-track-ctn\");\r\n\t\ttrackItem.setAttribute(\"id\", \"ptc-\"+index);\r\n\t\ttrackItem.setAttribute(\"data-index\", index);\r\n\t\tdocument.querySelector(\".playlist-ctn\").appendChild(trackItem);\r\n\r\n\t\tvar playBtnItem = document.createElement('div');\r\n\t\tplayBtnItem.setAttribute(\"class\", \"playlist-btn-play\");\r\n\t\tplayBtnItem.setAttribute(\"id\", \"pbp-\"+index);\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(playBtnItem);\r\n\r\n\t\tvar btnImg = document.createElement('i');\r\n\t\tbtnImg.setAttribute(\"class\", \"dashicons dashicons-controls-play\");\r\n\t\tbtnImg.setAttribute(\"height\", \"40\");\r\n\t\tbtnImg.setAttribute(\"width\", \"40\");\r\n\t\tbtnImg.setAttribute(\"id\", \"p-img-\"+index);\r\n\t\tdocument.querySelector(\"#pbp-\"+index).appendChild(btnImg);\r\n\t\t\r\n\t\tvar trackNums = document.createElement('div');\r\n\t\ttrackNums.setAttribute(\"class\", \"playlist-nums\");\r\n\t\ttrackNums.innerHTML = nums;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackNums);\t\r\n\t\t\r\n\t\tvar trackInfoItem = document.createElement('div');\r\n\t\ttrackInfoItem.setAttribute(\"class\", \"playlist-info-track\");\r\n\t\ttrackInfoItem.innerHTML = name;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackInfoItem);\r\n\r\n\t\tvar trackDurationItem = document.createElement('div');\r\n\t\ttrackDurationItem.setAttribute(\"class\", \"playlist-duration\");\r\n\t\ttrackDurationItem.innerHTML = duration;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackDurationItem);\r\n\t\t\r\n\t\tvar trackBuy = document.createElement('div');\r\n\t\ttrackBuy.setAttribute(\"class\", \"playlist-download\");\r\n\t\ttrackBuy.innerHTML = buy;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackBuy);\r\n\t\t\r\n\t\tvar trackImage = document.createElement('div');\r\n\t\ttrackImage.setAttribute(\"class\", \"playlist-img\");\r\n\t\ttrackImage.innerHTML = image;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackImage);\r\n\t\t\r\n\t\tvar trackDownload = document.createElement('div');\r\n\t\ttrackDownload.setAttribute(\"class\", \"playlist-download\");\r\n\t\ttrackDownload.innerHTML = downloade;\r\n\t\tdocument.querySelector(\"#ptc-\"+index).appendChild(trackDownload);\r\n\t  }\r\n\r\n\t  for (var i = 0; i < listAudio.length; i++) {\r\n\t\t  createTrackItem(i,listAudio[i].name,listAudio[i].duration,listAudio[i].buy,listAudio[i].image,listAudio[i].downloade,listAudio[i].nums);\r\n\t  }\r\n\t  var indexAudio = 0;\r\n\r\n\t  function loadNewTrack(index){\r\n\t\tvar player = document.querySelector('#source-audio');\r\n\t\tplayer.src = listAudio[index].file;\r\n\t\tdocument.querySelector('.title').innerHTML = listAudio[index].name;\r\n\t\tdocument.querySelector('.top-img').innerHTML = listAudio[index].image;\r\n\t\tthis.currentAudio = document.getElementById(\"seosMyAudio\");\r\n\t\tthis.currentAudio.load();\r\n\t\tthis.toggleAudio();\r\n\t\tthis.updateStylePlaylist(this.indexAudio,index);\r\n\t\tthis.indexAudio = index;\r\n\t  }\r\n\r\n\t  var playListItems = document.querySelectorAll(\".playlist-track-ctn\");\r\n\r\n\t  for (let i = 0; i < playListItems.length; i++){\r\n\t\t   playListItems[i].addEventListener(\"click\", getClickedElement.bind(this));\r\n\t  }\r\n\r\n\t  function getClickedElement(event) {\r\n\t\tfor (let i = 0; i < playListItems.length; i++){\r\n\t\t  if(playListItems[i] == event.target){\r\n\t\t\tvar clickedIndex = event.target.getAttribute(\"data-index\");\r\n\t\t\tif (clickedIndex == this.indexAudio ) { \/\/ alert('Same audio');\r\n\t\t\t\tthis.toggleAudio();\r\n\t\t\t}else{\r\n\t\t\t\tloadNewTrack(clickedIndex);\r\n\t\t\t}\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\r\n\t  document.querySelector('#source-audio').src = listAudio[indexAudio].file;\r\n\t  document.querySelector('.title').innerHTML = listAudio[indexAudio].name;\r\n\t  var currentAudio = document.getElementById(\"seosMyAudio\");\r\n\r\n\t  currentAudio.load();\r\n\t  \r\n\t  currentAudio.onloadedmetadata = function() {\r\n\t\t\tdocument.getElementsByClassName('duration')[0].innerHTML = this.getMinutes(this.currentAudio.duration);\r\n\r\n\t  }.bind(this);\r\n\r\n\t  var interval1;\r\n\r\n\t  function toggleAudio() {\r\n\r\n\t\tif (this.currentAudio.paused) {\r\n\t\t  document.querySelector('#icon-play').style.display = 'none';\r\n\t\t  document.querySelector('#icon-pause').style.display = 'block';\r\n\t\t  document.querySelector('#ptc-'+this.indexAudio).classList.add(\"active-track\");\r\n\t\t  this.playToPause(this.indexAudio);\r\n\t\t  this.currentAudio.play();\r\n\t\t} else{\r\n\t\t  document.querySelector('#icon-play').style.display = 'block';\r\n\t\t  document.querySelector('#icon-pause').style.display = 'none';\r\n\t\t  this.pauseToPlay(this.indexAudio);\r\n\t\t  this.currentAudio.pause();\r\n\t\t}\r\n\t  }\r\n\r\n\t  function pauseAudio() {\r\n\t\tthis.currentAudio.pause();\r\n\t\tclearInterval(interval1);\r\n\t  }\r\n\r\n\t  var timer = document.getElementsByClassName('timer')[0];\r\n\r\n\t  var barProgress = document.getElementById(\"myBar\");\r\n\r\n\r\n\t  var width = 0;\r\n\r\n\t  function onTimeUpdate() {\r\n\t\tvar t = this.currentAudio.currentTime;\r\n\t\ttimer.innerHTML = this.getMinutes(t);\r\n\t\tthis.setBarProgress();\r\n\t\tif (this.currentAudio.ended) {\r\n\t\t  document.querySelector('#icon-play').style.display = 'block';\r\n\t\t  document.querySelector('#icon-pause').style.display = 'none';\r\n\t\t  this.pauseToPlay(this.indexAudio);\r\n\t\t  if (this.indexAudio < listAudio.length-1) {\r\n\t\t\t  var index = parseInt(this.indexAudio)+1;\r\n\t\t\t  this.loadNewTrack(index);\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\r\n\t  function setBarProgress(){\r\n\t\tvar progress = (this.currentAudio.currentTime\/this.currentAudio.duration)*100;\r\n\t\tdocument.getElementById(\"myBar\").style.width = progress + \"%\";\r\n\t  }\r\n\r\n\t  function getMinutes(t){\r\n\t\tvar min = parseInt(parseInt(t)\/60);\r\n\t\tvar sec = parseInt(t%60);\r\n\t\tif (sec < 10) {\r\n\t\t  sec = \"0\"+sec;\r\n\t\t}\r\n\t\tif (min < 10) {\r\n\t\t  min = \"0\"+min;\r\n\t\t}\r\n\t\treturn min+\":\"+sec;\r\n\t  }\r\n\r\n\t  var progressbar = document.querySelector('#myProgress');\r\n\t  progressbar.addEventListener(\"click\", seek.bind(this));\r\n\r\n\r\n\t  function seek(event) {\r\n\t\tvar percent = event.offsetX \/ progressbar.offsetWidth;\r\n\t\tthis.currentAudio.currentTime = percent * this.currentAudio.duration;\r\n\t\tbarProgress.style.width = percent*100 + \"%\";\r\n\t  }\r\n\r\n\t  function forward(){\r\n\t\tthis.currentAudio.currentTime = this.currentAudio.currentTime + 5;\r\n\t\tthis.setBarProgress();\r\n\t  }\r\n\r\n\t  function rewind(){\r\n\t\tthis.currentAudio.currentTime = this.currentAudio.currentTime - 5;\r\n\t\tthis.setBarProgress();\r\n\t  }\r\n\r\n\r\n\t  function next(){\r\n\t\tif (this.indexAudio <listAudio.length-1) {\r\n\t\t\tvar oldIndex = this.indexAudio;\r\n\t\t\tthis.indexAudio++;\r\n\t\t\tupdateStylePlaylist(oldIndex,this.indexAudio);\r\n\t\t\tthis.loadNewTrack(this.indexAudio);\r\n\t\t}\r\n\t  }\r\n\r\n\t  function previous(){\r\n\t\tif (this.indexAudio>0) {\r\n\t\t\tvar oldIndex = this.indexAudio;\r\n\t\t\tthis.indexAudio--;\r\n\t\t\tupdateStylePlaylist(oldIndex,this.indexAudio);\r\n\t\t\tthis.loadNewTrack(this.indexAudio);\r\n\t\t}\r\n\t  }\r\n\r\n\t  function updateStylePlaylist(oldIndex,newIndex){\r\n\t\tdocument.querySelector('#ptc-'+oldIndex).classList.remove(\"active-track\");\r\n\t\tthis.pauseToPlay(oldIndex);\r\n\t\tdocument.querySelector('#ptc-'+newIndex).classList.add(\"active-track\");\r\n\t\tthis.playToPause(newIndex);\r\n\t  }\r\n\r\n\t  function playToPause(index){\r\n\t\tvar ele = document.querySelector('#p-img-'+index);\r\n\t\tvar topImg = document.querySelector('.top-img');\r\n\t\tele.classList.remove(\"dashicons-controls-play\");\r\n\t\tele.classList.add(\"dashicons-controls-pause\");\r\n\t\ttopImg.classList.add('record-animation');\r\n\t  }\r\n\r\n\t  function pauseToPlay(index){\r\n\t  var topImg = document.querySelector('.top-img');\r\n\t\tvar ele = document.querySelector('#p-img-'+index)\r\n\t\tele.classList.remove(\"dashicons-controls-pause\");\r\n\t\tele.classList.add(\"dashicons-controls-play\");\r\n\t\ttopImg.classList.remove('record-animation');\r\n\t  }\r\n\t\/*\r\n\t  function toggleMute(){\r\n\t\tvar btnMute = document.querySelector('#toggleMute');\r\n\t\tvar volUp = document.querySelector('#icon-vol-up');\r\n\t\tvar volMute = document.querySelector('#icon-vol-mute');\r\n\t\tif (this.currentAudio.muted == false) {\r\n\t\t   this.currentAudio.muted = true\r\n\t\t   volUp.style.display = \"none\"\r\n\t\t   volMute.style.display = \"block\"\r\n\t\t}else{\r\n\t\t  this.currentAudio.muted = false\r\n\t\t  volMute.style.display = \"none\"\r\n\t\t  volUp.style.display = \"block\"\r\n\t\t}\r\n\t  }\r\n\t  *\/\r\n\tvolSlider.addEventListener('input', function() {\r\n\t\tcurrentAudio.volume = volSlider.value \/ 100;\r\n\t\t\r\n\t}, false);\r\n\t\r\n  \r\n\t  \r\n\t  \r\n<\/script>\t\r\n\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/pages\/191"}],"collection":[{"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":0,"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"wp:attachment":[{"href":"https:\/\/seosthemes.info\/music-star\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}