{"version":3,"file":"player.js","mappings":"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","sources":["webpack://audio-player/../utils/toHHMMSS.js","webpack://audio-player/./src/js/player.js","webpack://audio-player/./src/js/player/single.js"],"sourcesContent":["const toHHMMSS = (time) => {\r\n  var sec_num = parseInt(time, 10); // don't forget the second param\r\n  var hours = Math.floor(sec_num / 3600);\r\n  var minutes = Math.floor((sec_num - hours * 3600) / 60);\r\n  var seconds = sec_num - hours * 3600 - minutes * 60;\r\n\r\n  if (hours < 10) {\r\n    hours = \"0\" + hours;\r\n  }\r\n  if (minutes < 10) {\r\n    minutes = \"0\" + minutes;\r\n  }\r\n  if (seconds < 10) {\r\n    seconds = \"0\" + seconds;\r\n  }\r\n  return minutes + \":\" + seconds;\r\n};\r\n\r\nexport default toHHMMSS;\r\n","import \"./../css/player.scss\";\r\nimport H5AP from \"./player/single\";\r\nconst H5AP_Obj = new H5AP();\r\n\r\n(function ($) {\r\n  $(document).ready(function () {\r\n    // if script not exists or extract\r\n    const mainScript = document.getElementById(\"h5ap-player-js\");\r\n    if (!mainScript && typeof h5apPlayer !== \"undefined\") {\r\n      const ioScript = document.createElement(\"script\");\r\n      ioScript.src = window?.h5apPlayer?.plyrio_js || false;\r\n      ioScript.src && document.getElementsByTagName(\"head\")[0].appendChild(ioScript);\r\n\r\n      var script = document.createElement(\"script\");\r\n      script.src = window?.h5apPlayer?.plyr_js || false;\r\n      script.src && document.getElementsByTagName(\"head\")[0].appendChild(script);\r\n    }\r\n\r\n    /**\r\n     * for single video\r\n     */\r\n    const h5apAudios = document.querySelectorAll(\".h5ap_standard_player\");\r\n    Object.keys(h5apAudios).map((item) => {\r\n      const audioPlayer = $(h5apAudios[item])[0];\r\n      let options = audioPlayer.dataset.options;\r\n      options = options == \"{\" ? {} : JSON.parse(options);\r\n      options.poster = options.poster ?? audioPlayer.dataset?.poster;\r\n      options.source = options.source ?? audioPlayer.dataset?.song;\r\n      options.skin = options.skin ?? audioPlayer.dataset?.skin;\r\n      options.title = options.title ?? audioPlayer.dataset?.title;\r\n\r\n      //remove attribute\r\n      audioPlayer.removeAttribute(\"data-options\");\r\n      audioPlayer.removeAttribute(\"data-song\");\r\n\r\n      if (options) H5AP_Obj.audioPlayer(audioPlayer, options);\r\n    });\r\n\r\n    H5AP_Obj.stickyPlayer2($(\".h5ap_sticky_player\"));\r\n\r\n    /**\r\n     * for playlist\r\n     */\r\n\r\n    /**\r\n     * for quick Player\r\n     */\r\n    const quickPlayers = document.querySelectorAll(\".h5ap_quick_player\");\r\n    Object.keys(quickPlayers).map((item) => {\r\n      const quickPlayer = $(quickPlayers[item]);\r\n      H5AP_Obj.quickPlayer(quickPlayer);\r\n    });\r\n\r\n    // Single Play button\r\n  });\r\n\r\n  /**\r\n   * This is for Elementor\r\n   */\r\n  $(window).on(\"elementor/frontend/init\", function () {\r\n    //this is for Stamp Auudio Player\r\n    elementorFrontend.hooks.addAction(\"frontend/element_ready/StampAudioPlayer.default\", function (scope, $) {\r\n      const players = $(scope).find(\".stampAudioPlayer\");\r\n      players.map((index, item) => {\r\n        item = $(players[index]);\r\n        let options = $(item).data(\"option\");\r\n        options.source = options.source ?? $(item).data(\"song\");\r\n        options.poster = options.poster ?? $(item).data(\"poster\");\r\n        H5AP_Obj.audioPlayer(item[0], options);\r\n      });\r\n    });\r\n\r\n    // this is form fusion player\r\n    elementorFrontend.hooks.addAction(\"frontend/element_ready/FusionAudioPlayer.default\", function (scope, $) {\r\n      const players = $(scope).find(\".h5ap_fusion_player\");\r\n      players.map((index, item) => {\r\n        item = $(players[index]);\r\n        const options = $(item).data(\"option\");\r\n        options.source = options.source ?? $(item).data(\"song\");\r\n        options.poster = options.poster ?? $(item).data(\"poster\");\r\n        H5AP_Obj.audioPlayer(item[0], options);\r\n      });\r\n    });\r\n\r\n    //This is for simple audio player\r\n    elementorFrontend.hooks.addAction(\"frontend/element_ready/SimpleAudioPlayer.default\", function (scope, $) {\r\n      const players = $(scope).find(\".h5ap_standard_player\");\r\n      players.map((index, item) => {\r\n        item = $(players[index]);\r\n        const options = $(item).data(\"options\") || {};\r\n        $(item).removeAttr(\"data-options\");\r\n        options.source = options?.source ?? $(item).data(\"song\");\r\n        options.poster = options?.poster ?? $(item).data(\"poster\");\r\n        H5AP_Obj.audioPlayer(item[0], options);\r\n      });\r\n    });\r\n  });\r\n})(jQuery);\r\n","import toHHMMSS from \"../../../../utils/toHHMMSS\";\r\n\r\nclass H5AP {\r\n  audioPlayer(audioPlayer, options) {\r\n    const $ = jQuery;\r\n    const otherControls = {\r\n      repeat: true,\r\n    };\r\n    options.i18n = {};\r\n    if (typeof h5ap_i18n != \"undefined\") {\r\n      options.i18n = h5ap_i18n;\r\n    }\r\n    let { controls, seekTime, i18n, title, artist, disablePause, poster, muted, autoplay, source, skin, disableDownload, fusionDownload, color, background, repeat, primaryColor } = options;\r\n\r\n    if (skin === \"default\" && disableDownload === false) {\r\n      otherControls.download = true;\r\n    }\r\n\r\n    if (skin === \"fusion\" && fusionDownload === true) {\r\n      otherControls.download = true;\r\n    }\r\n\r\n    //initialize skin\r\n    if (skin === \"fusion\") {\r\n      controls = this.skinFusion(poster, title, source, otherControls);\r\n    }\r\n\r\n    if (skin === \"wave\") {\r\n      controls = this.skinWave(poster, title, artist, background, color);\r\n    }\r\n\r\n    if (skin === \"card-1\") {\r\n      controls = this.skinCardOne({ title, artist });\r\n    }\r\n    if (skin === \"card-2\") {\r\n      controls = this.skinCardTwo({ title, artist, poster });\r\n    }\r\n\r\n    if (skin === \"simple-1\") {\r\n      controls = this.skinSimpleOne({ title, artist });\r\n    }\r\n    if (skin === \"simple-2\") {\r\n      controls = this.skinSimpleTwo({ title, artist, poster });\r\n    }\r\n\r\n    if (skin === \"stamp\") {\r\n      controls = this.skinStamp();\r\n    }\r\n\r\n    //remove focus\r\n    $(\".skin_default .plyr__control\").on(\"focus\", function () {\r\n      setTimeout(() => {\r\n        this.blur();\r\n      }, 1000);\r\n    });\r\n\r\n    let plyr = localStorage.getItem(\"plyr\");\r\n    // const isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);\r\n    const isFirefox = typeof InstallTrigger !== \"undefined\";\r\n    if (autoplay && plyr && isFirefox) {\r\n      plyr = JSON.parse(plyr);\r\n      plyr.muted = true;\r\n      localStorage.setItem(\"plyr\", JSON.stringify(plyr));\r\n    } else if (plyr) {\r\n      plyr = JSON.parse(plyr);\r\n      plyr.muted = false;\r\n      localStorage.setItem(\"plyr\", JSON.stringify(plyr));\r\n    }\r\n\r\n    //initilize player\r\n    const player = new Plyr($(audioPlayer).find(\"audio\"), {\r\n      controls,\r\n      i18n,\r\n      seekTime,\r\n      loop: {\r\n        active: repeat,\r\n      },\r\n      muted,\r\n      autoplay,\r\n      speed: { selected: 1, options: h5apPlayer?.speed.map(Number) },\r\n    });\r\n\r\n    if (skin != \"default\") {\r\n      player.speed = 1;\r\n    }\r\n\r\n    if (autoplay) {\r\n      player.play();\r\n    }\r\n\r\n    if (skin === \"wave\" && player) {\r\n      this.wave(audioPlayer, player, primaryColor, background);\r\n    }\r\n\r\n    if (skin === \"card-1\" && player) {\r\n      this.cardOne(audioPlayer, player, poster);\r\n    }\r\n    if (skin === \"card-2\" && player) {\r\n      this.cardTwo(audioPlayer, player, poster);\r\n    }\r\n\r\n    if (disablePause) {\r\n      this.disablePause(player);\r\n    }\r\n\r\n    //apply stamp player style\r\n    if (options.skin === \"stamp\" && color != \"\") {\r\n      $(audioPlayer).find(\".StampAudioPlayerSkin button svg\").css(\"fill\", color);\r\n      $(audioPlayer).find(\".StampAudioPlayerSkin .extraOptions .audioTitle\").css(\"color\", color);\r\n      $(audioPlayer).find(\".StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .currentTime\").css(\"color\", color);\r\n      $(audioPlayer).find(\".StampAudioPlayerSkin .mainOptions .controls .audioProgressView .progressWrap .totalTime\").css(\"color\", color);\r\n      $(audioPlayer).find(\".StampAudioPlayerSkin .mainOptions .controls .playPauseAudio\").css(\"border-color\", color);\r\n      $(audioPlayer).find(\".audioTitle\").text(title);\r\n    }\r\n\r\n    // responsive design if container width less than 500px\r\n    if ($(audioPlayer).width() < 500 && skin === \"fusion\") {\r\n      $(audioPlayer).addClass(\"skinFusionMobile\");\r\n    }\r\n\r\n    // disable other player when playing this audio\r\n    if (!h5apPlayer?.multipleAudio) {\r\n      $(audioPlayer)\r\n        .find('.plyr__control[data-plyr=\"play\"]')\r\n        .on(\"click\", () => {\r\n          if (player.playing) {\r\n            this.disableOtherPlayer(player, true);\r\n          }\r\n        });\r\n    }\r\n\r\n    //dynamic repeat button\r\n    $(audioPlayer)\r\n      .find('[data-plyr=\"repeat\"]')\r\n      .on(\"click\", function () {\r\n        $(this).attr(\"data-active\", $(this).attr(\"data-active\") === \"true\" ? \"false\" : \"true\");\r\n      });\r\n    if (repeat === true) {\r\n      $(audioPlayer).find('[data-plyr=\"repeat\"]').attr(\"data-active\", \"true\");\r\n    }\r\n\r\n    player.on(\"ended\", function () {\r\n      const repeat = $(audioPlayer).find('[data-plyr=\"repeat\"]').attr(\"data-active\");\r\n      if (repeat === \"true\") {\r\n        player.play();\r\n      }\r\n    });\r\n\r\n    //dynamic repeat button for playlist\r\n    $(audioPlayer)\r\n      .find('[data-plyr=\"playlist\"]')\r\n      .on(\"click\", function () {\r\n        $(this).attr(\"data-active\", $(this).attr(\"data-active\") === \"true\" ? \"false\" : \"true\");\r\n      });\r\n\r\n    // update source if audio is not playing (soundcloud)\r\n    let intervalId = null;\r\n    player.on(\"ready\", function () {\r\n      if (player.source?.includes(\"soundcloud\")) {\r\n        player.speed = 1;\r\n        if (intervalId) {\r\n          clearInterval(intervalId);\r\n        }\r\n        intervalId = setInterval(() => {\r\n          if (!player.playing) {\r\n            let tempSource = source;\r\n            if (source.includes(\"?\")) {\r\n              tempSource = source + `&_${parseInt(Math.random(255) * 100)}`;\r\n            } else {\r\n              tempSource = source + `?_${parseInt(Math.random(255) * 100)}`;\r\n            }\r\n\r\n            player.source = {\r\n              type: \"audio\",\r\n              title: \"Audio File\",\r\n              sources: [\r\n                {\r\n                  src: tempSource,\r\n                  type: \"audio/mp3\",\r\n                },\r\n              ],\r\n            };\r\n          }\r\n        }, 60 * 3 * 1000);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param {*} selector\r\n   * @param {*} options\r\n   */\r\n  quickPlayer(quickPlayer) {\r\n    const $ = jQuery;\r\n    const options = $(quickPlayer).data(\"options\");\r\n    options.i18n = {};\r\n    if (typeof h5ap_i18n != \"undefined\") {\r\n      options.i18n = h5ap_i18n;\r\n    }\r\n    const { seekTime, controls, i18n } = options;\r\n    const player = new Plyr($(quickPlayer).find(\"audio\"), {\r\n      controls,\r\n      i18n,\r\n      seekTime,\r\n      speed: { selected: 1, options: h5apPlayer?.speed.map(Number) },\r\n    });\r\n\r\n    //pause other player if this player is playing\r\n    if (!h5apPlayer?.multipleAudio) {\r\n      $(quickPlayer)\r\n        .find('.plyr__control[data-plyr=\"play\"]')\r\n        .on(\"click\", () => {\r\n          if (player.playing) {\r\n            this.disableOtherPlayer(player, true);\r\n          }\r\n        });\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param {String} stickyPlayer\r\n   */\r\n  stickyPlayer(stickyPlayer) {\r\n    const $ = jQuery;\r\n    const btnClose = $(stickyPlayer).find(\".icon-no-alt\");\r\n    const btnMinimize = $(stickyPlayer).find(\".icon-minus\");\r\n    const btnMaximize = $(stickyPlayer).find(\".icon-plus\");\r\n    const poster = $(stickyPlayer).data(\"poster\");\r\n    const source = $(stickyPlayer).data(\"source\");\r\n    const title = $(stickyPlayer).data(\"title\");\r\n    const options = $(stickyPlayer).data(\"options\");\r\n    const { initialVolume, skin, background } = options;\r\n    const otherControls = {};\r\n\r\n    if (options?.stickyDownload === true) {\r\n      otherControls.download = true;\r\n    }\r\n    if (options?.repeat === true) {\r\n      otherControls.repeat = true;\r\n    }\r\n\r\n    $(window).on(\"scroll\", function () {\r\n      if (window.pageYOffset > 300) {\r\n        $(stickyPlayer).fadeIn();\r\n      }\r\n    });\r\n\r\n    //get player screen\r\n    let controls = \"\";\r\n    if (skin === \"simple\") {\r\n      controls = this.skinSimple(title, poster, background);\r\n    } else {\r\n      controls = this.skinFusion(poster, title, source, otherControls);\r\n    }\r\n\r\n    let storage = localStorage.getItem(\"h5apStickyplaying\");\r\n    let option = { controls };\r\n    if (options?.remember && storage != \"false\") {\r\n      let plyr = localStorage.getItem(\"plyr\");\r\n      // if (autoplay && plyr) {\r\n      //   plyr = JSON.parse(plyr);\r\n      //   plyr.volume = 0;\r\n      //   plyr.muted = true;\r\n      //   localStorage.setItem(\"plyr\", JSON.stringify(plyr));\r\n      // } else if (plyr) {\r\n      plyr = JSON.parse(plyr);\r\n      plyr.volume = 0;\r\n      plyr.muted = true;\r\n      localStorage.setItem(\"plyr\", JSON.stringify(plyr));\r\n      // }\r\n    }\r\n\r\n    const player = new Plyr($(stickyPlayer).find(\"audio\"), option);\r\n\r\n    player.speed = 1;\r\n\r\n    if (storage != \"false\") {\r\n      storage = JSON.parse(storage);\r\n      setTimeout(() => {\r\n        player.volume = 0.5;\r\n        player.currentTime = storage?.time;\r\n      }, 100);\r\n      player.play();\r\n    }\r\n\r\n    // setTimeout(() => {\r\n    //   player.play();\r\n    // }, 2000);\r\n\r\n    // disable other player when playing this audio\r\n    if (!h5apPlayer?.multipleAudio) {\r\n      $(stickyPlayer)\r\n        .find('.plyr__control[data-plyr=\"play\"]')\r\n        .on(\"click\", () => {\r\n          if (player.playing) {\r\n            this.disableOtherPlayer(player, true);\r\n          }\r\n        });\r\n    }\r\n\r\n    //close player\r\n    btnClose.on(\"click\", function () {\r\n      $(stickyPlayer).fadeOut();\r\n      $(stickyPlayer).remove();\r\n      player.stop();\r\n    });\r\n\r\n    // minimize player\r\n    btnMinimize.on(\"click\", function () {\r\n      $(stickyPlayer).addClass(\"minimized\");\r\n      $(stickyPlayer).removeClass(\"maximized\");\r\n    });\r\n\r\n    btnMaximize.on(\"click\", function () {\r\n      $(stickyPlayer).addClass(\"maximized\");\r\n      $(stickyPlayer).removeClass(\"minimized\");\r\n    });\r\n\r\n    //set initial volume\r\n    player.volume = initialVolume / 100;\r\n\r\n    $(stickyPlayer)\r\n      .find('[data-plyr=\"repeat\"]')\r\n      .on(\"click\", function () {\r\n        $(this).attr(\"data-active\", $(this).attr(\"data-active\") === \"true\" ? \"false\" : \"true\");\r\n      });\r\n    if (options?.repeat === true) {\r\n      $(stickyPlayer).find('[data-plyr=\"repeat\"]').attr(\"data-active\", \"true\");\r\n    }\r\n    player.on(\"ended\", function () {\r\n      const repeat = $(stickyPlayer).find('[data-plyr=\"repeat\"]').attr(\"data-active\");\r\n      if (repeat === \"true\") {\r\n        player.play();\r\n      }\r\n    });\r\n\r\n    // player.on(\"pause\", function () {\r\n    //   console.log(\"source\", player.source);\r\n    //   console.log(\"md5\", MD5(decodeURI(player.source)).toString());\r\n    // });\r\n\r\n    // set cookie if there\r\n    window.onbeforeunload = (event) => {\r\n      // const e = event || window.event;\r\n      // e.preventDefault();\r\n      if (player.playing) {\r\n        const object = { time: player.currentTime };\r\n        if (stickyPlayer[0]) {\r\n          object.html = controls;\r\n          object.source = player.source;\r\n        }\r\n        localStorage.setItem(\"h5apStickyplaying\", JSON.stringify(object));\r\n      } else {\r\n        localStorage.setItem(\"h5apStickyplaying\", false);\r\n      }\r\n    };\r\n\r\n    // if (!source) {\r\n    //   const downloadBtn = $(stickyPlayer).find(\".plyr__download\");\r\n    //   downloadBtn.hide();\r\n    // }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param {String} stickyPlayer\r\n   */\r\n  stickyPlayer2(stickyPlayer, optionss = false, infoss = false) {\r\n    const detector = this.getDetectorData(stickyPlayer, { options: optionss, infos: infoss, initializer: \"stickyPlayer2\" });\r\n    if (!detector) return false;\r\n    const { wrapper, options } = detector;\r\n\r\n    const $ = jQuery;\r\n    const btnClose = $(wrapper).find(\".icon-no-alt\");\r\n    const btnMinimize = $(wrapper).find(\".icon-minus\");\r\n    const btnMaximize = $(wrapper).find(\".icon-plus\");\r\n    const poster = $(wrapper).data(\"poster\");\r\n    const source = $(wrapper).data(\"source\");\r\n    const title = $(wrapper).data(\"title\");\r\n    // const options = $(stickyPlayer).data(\"options\");\r\n    const { initialVolume, skin, background } = options;\r\n    const otherControls = {};\r\n\r\n    // remove attributes\r\n    $(wrapper).removeAttr(\"data-poster\");\r\n    $(wrapper).removeAttr(\"data-source\");\r\n    $(wrapper).removeAttr(\"data-title\");\r\n    $(wrapper).removeAttr(\"data-options\");\r\n\r\n    if (options?.stickyDownload === true) {\r\n      otherControls.download = true;\r\n    }\r\n    if (options?.repeat === true) {\r\n      otherControls.repeat = true;\r\n    }\r\n\r\n    $(window).on(\"scroll\", function () {\r\n      if (window.pageYOffset > 300) {\r\n        $(wrapper).fadeIn();\r\n      }\r\n    });\r\n\r\n    //get player screen\r\n    let controls = \"\";\r\n    if (skin === \"simple\") {\r\n      controls = this.skinSimple(title, poster, background);\r\n    } else {\r\n      controls = this.skinFusion(poster, title, source, otherControls);\r\n    }\r\n\r\n    let storage = localStorage.getItem(\"h5apStickyplaying\");\r\n    let option = { controls };\r\n    if (options?.remember && storage != \"false\") {\r\n      let plyr = localStorage.getItem(\"plyr\") || \"{}\";\r\n      plyr = JSON.parse(plyr);\r\n      plyr.volume = 0;\r\n      plyr.muted = true;\r\n      localStorage.setItem(\"plyr\", JSON.stringify(plyr));\r\n    }\r\n\r\n    const player = new Plyr($(wrapper).find(\"audio\"), option);\r\n\r\n    if (storage != \"false\") {\r\n      storage = JSON.parse(storage);\r\n      setTimeout(() => {\r\n        player.volume = 0.5;\r\n        player.currentTime = storage?.time;\r\n      }, 100);\r\n      player.play();\r\n    }\r\n\r\n    // setTimeout(() => {\r\n    //   player.play();\r\n    // }, 2000);\r\n\r\n    // disable other player when playing this audio\r\n    if (!h5apPlayer?.multipleAudio) {\r\n      $(wrapper)\r\n        .find('.plyr__control[data-plyr=\"play\"]')\r\n        .on(\"click\", () => {\r\n          if (player.playing) {\r\n            this.disableOtherPlayer(player, true);\r\n          }\r\n        });\r\n    }\r\n\r\n    //close player\r\n    btnClose.on(\"click\", function () {\r\n      $(wrapper).fadeOut();\r\n      $(wrapper).remove();\r\n      player.stop();\r\n    });\r\n\r\n    // minimize player\r\n    btnMinimize.on(\"click\", function () {\r\n      $(wrapper).addClass(\"minimized\");\r\n      $(wrapper).removeClass(\"maximized\");\r\n    });\r\n\r\n    btnMaximize.on(\"click\", function () {\r\n      $(wrapper).addClass(\"maximized\");\r\n      $(wrapper).removeClass(\"minimized\");\r\n    });\r\n\r\n    //set initial volume\r\n    player.volume = initialVolume / 100;\r\n\r\n    $(wrapper)\r\n      .find('[data-plyr=\"repeat\"]')\r\n      .on(\"click\", function () {\r\n        $(this).attr(\"data-active\", $(this).attr(\"data-active\") === \"true\" ? \"false\" : \"true\");\r\n      });\r\n    if (options?.repeat === true) {\r\n      $(wrapper).find('[data-plyr=\"repeat\"]').attr(\"data-active\", \"true\");\r\n    }\r\n\r\n    player.on(\"ended\", function () {\r\n      const repeat = $(wrapper).find('[data-plyr=\"repeat\"]').attr(\"data-active\");\r\n      if (repeat === \"true\") {\r\n        player.play();\r\n      }\r\n    });\r\n\r\n    //draggble\r\n    // new Dragable(wrapper, {\r\n    //   setPosition: false,\r\n    //   useGPU: false,\r\n    //   onDrag: (element) => {\r\n    //     if (element) {\r\n    //       element.style.bottom = \"100%\";\r\n    //     }\r\n    //   },\r\n    //   handle: $(wrapper).find(\".rewind_play_fastforward\")[0],\r\n    // });\r\n    // $(wrapper).find(\".rewind_play_fastforward\").css(\"cursor\", \"move\");\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param {*} player\r\n   */\r\n  disableOtherPlayer(player, play = true) {\r\n    const $ = jQuery;\r\n    const players = $(\"audio\");\r\n    players.each(function () {\r\n      $(this)[0].pause();\r\n    });\r\n\r\n    if (play) {\r\n      player?.play();\r\n    } else {\r\n      player?.pause();\r\n    }\r\n  }\r\n\r\n  /**\r\n   *\r\n   * @param {String} poster\r\n   * @param {String} title\r\n   * @param {URL} source\r\n   * @param {Object} otherControls\r\n   * @returns Fusion Skin\r\n   */\r\n  skinFusion(poster = null, title = null, source = null, otherControls = { download: false }) {\r\n    const download =\r\n      otherControls?.download === true\r\n        ? `<a class=\"plyr__controls__item plyr__control plyr__download\" href=\"${source}\" target=\"_blank\" download data-plyr=\"download\">\r\n          <svg aria-hidden=\"true\" focusable=\"false\">\r\n            <use xlink:href=\"#plyr-download\"></use>\r\n          </svg>\r\n          <span class=\"plyr__sr-only\">Download</span>\r\n        </a>`\r\n        : \"\";\r\n    const repeat =\r\n      otherControls?.repeat === true\r\n        ? `<button type=\"button\" data-active=\"false\" class=\"plyr__control\" data-plyr=\"repeat\"><svg class=\"icon\">\r\n        <use xlink:href=\"#exchange\"></use></button>`\r\n        : \"\";\r\n    const playlist = otherControls?.playlist === true ? `<button type=\"button\" class=\"plyr__control\" data-active=\"true\" data-plyr=\"playlist\"><span class=\"dashicons dashicons-playlist-audio\"></span></button>` : \"\";\r\n    return `<div class=\"plyr__controls radius\">\r\n    <div class=\"plyr__controls rewind_play_fastforward\">\r\n    <img class=\"thumbnails\" src=\"${poster}\" alt=\"\">\r\n    <div class=\"plyr__controls\">\r\n    <button type=\"button\" class=\"plyr__control\" data-plyr=\"rewind\">\r\n      <svg role=\"presentation\"><use xlink:href=\"#plyr-rewind\"></use></svg>\r\n      <span class=\"plyr__tooltip\" role=\"tooltip\">Rewind {seektime} secs</span>\r\n    </button>\r\n    <button type=\"button\" class=\"plyr__control\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n      <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-pause\"></use></svg>\r\n      <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n      <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n      <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n    </button>\r\n    <button type=\"button\" class=\"plyr__control\" data-plyr=\"fast-forward\">\r\n      <svg role=\"presentation\"><use xlink:href=\"#plyr-fast-forward\"></use></svg>\r\n      <span class=\"plyr__tooltip\" role=\"tooltip\">Forward {seektime} secs</span>\r\n    </button>\r\n    </div>\r\n    </div>\r\n    <div class=\"infos\">\r\n      <div class=\"title\">\r\n        <h3>${title}</h3>\r\n    </div>\r\n        <div class=\"time_progress\">\r\n        <div class=\"plyr__time plyr__time--current\" aria-label=\"Current time\">00:00</div>\r\n        <div class=\"plyr__progress\">\r\n          <input data-plyr=\"seek\" type=\"range\" min=\"0\" max=\"100\" step=\"0.01\" value=\"0\" aria-label=\"Seek\">\r\n          <progress class=\"plyr__progress__buffer\" min=\"0\" max=\"100\" value=\"0\">% buffered</progress>\r\n          <span role=\"tooltip\" class=\"plyr__tooltip\">00:00</span>\r\n        </div>\r\n        <div class=\"plyr__time plyr__time--duration\" aria-label=\"Duration\">00:00</div>\r\n        </div>\r\n      </div>\r\n    <div class=\"other_controls\">\r\n      <div class=\"extra_controls\">\r\n        ${download}\r\n        ${repeat}\r\n        ${playlist}\r\n      </div>\r\n      <div class=\"volume_controls\">\r\n      <button type=\"button\" class=\"plyr__control\" aria-label=\"Mute\" data-plyr=\"mute\">\r\n          <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-muted\"></use></svg>\r\n          <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-volume\"></use></svg>\r\n          <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Unmute</span>\r\n          <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Mute</span>\r\n      </button>\r\n      <div class=\"plyr__volume\">\r\n          <input data-plyr=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.05\" value=\"1\" autocomplete=\"off\" aria-label=\"Volume\">\r\n      </div>\r\n      </div>\r\n    </div>\r\n  </div>`;\r\n  }\r\n\r\n  skinStamp() {\r\n    return `<div class=\"StampAudioPlayerSkin radius\">\r\n     <button type=\"button\" class=\"muteUnmute plyr__control\" data-plyr=\"mute\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-muted\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-volume\"></use></svg></button>\r\n     <div class=\"extraOptions\">\r\n     <h3 class=\"audioTitle\">Audio Title</h3>\r\n\r\n     <div class=\"audioSound\">\r\n     <input data-plyr=\"volume\" type=\"range\" name=\"sound\" id=\"audioRange\" value=\".5\" min=\"0\" max=\"1\" step=\"0.001\" />\r\n      </div>\r\n      </div>\r\n\r\n     <div class=\"mainOptions\">\r\n     <button class=\"leftAudio  plyr__controls__item plyr__control\" data-plyr=\"rewind\"><svg aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-rewind\"></use></svg></button>\r\n\r\n     <div class=\"controls\">\r\n     <div class=\"play_forward_rewind\">\r\n      <button class=\"playPauseAudio  plyr__controls__item plyr__control\" data-plyr=\"rewind\"><svg aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-rewind\"></use></svg></button>\r\n      <button class=\"plyr__controls__item plyr__control playPauseAudio\" type=\"button\" data-plyr=\"play\" aria-label=\"Play\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-pause\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-play\"></use></svg></button>\r\n     </div>\r\n\r\n     <div class=\"audioProgressView\">\r\n      <div class=\"progressWrap\">\r\n      <span class=\"currentTime plyr__time--current\">00:00</span>\r\n      <div class=\"plyr__controls__item plyr__progress__container\"><div class=\"plyr__progress\"><input data-plyr=\"seek\" type=\"range\" min=\"0\" max=\"100\" step=\"0.01\" value=\"0\" autocomplete=\"off\" role=\"slider\" aria-label=\"Seek\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\" id=\"plyr-seek-7930\" aria-valuetext=\"00:00 of 03:05\" seek-value=\"14.901800327332243\" style=\"--value:0%;\"><progress class=\"plyr__progress__buffer\" min=\"0\" max=\"100\" value=\"0\" role=\"progressbar\" aria-hidden=\"true\">% buffered</progress><span class=\"plyr__tooltip\" style=\"left: 11.2357%;\">00:20</span></div></div>\r\n      <span class=\"totalTime plyr__time--duration\">00:00</span>\r\n        </div>\r\n        </div>\r\n      </div>\r\n\r\n     <button class=\"rightAudio plyr__controls__item plyr__control\" data-plyr=\"fast-forward\"><svg aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-fast-forward\"></use></svg></button>\r\n      </div>\r\n      </div>`;\r\n  }\r\n\r\n  skinSimple(title = \"\", logo = \"\", background = \"\") {\r\n    return `<div class=\"skin_simple_sticky\" style=\"background:${background}\">\r\n      <div class=\"play\">\r\n      <button class=\"plyr__controls__item plyr__control\" type=\"button\" data-plyr=\"play\" aria-label=\"Play Audio\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-pause\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-play\"></use></svg><span class=\"label--pressed plyr__sr-only\">Pause</span><span class=\"label--not-pressed plyr__sr-only\">Play Audio</span></button>\r\n      </div>\r\n      <div class=\"title\" title=\"${title}\">${title}</div>\r\n      <div class=\"logo\">\r\n        <img src=\"${logo}\" alt=\"\" />\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  skinWave(poster = \"\", title = \"\", author = \"\") {\r\n    return `<div class=\"wave radius\">\r\n      <div class=\"thumb\">\r\n        <img src=\"${poster}\" />\r\n      </div>\r\n      <div class=\"info-wave\">\r\n        <div class=\"wave\">\r\n          <canvas id=\"wave-canvas\"></canvas>\r\n          <div class=\"plyr__time plyr__time--current\" aria-label=\"Current time\">00:00</div>\r\n          <div class=\"plyr__time plyr__time--duration\" aria-label=\"Duration\">00:00</div>\r\n        </div>\r\n        <div class=\"info\">\r\n          <div class=\"play\">\r\n            <button type=\"button\" class=\"plyr__control\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n              <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-pause\"></use></svg>\r\n              <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n              <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n              <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n            </button>\r\n          </div>\r\n          <div class=\"title-author\">\r\n            ${title && `<h2 title=\"${title}\">${title}</h2>`}\r\n            ${author && `<p>${author}</p>`}\r\n          </div>\r\n          <div class=\"volume_controls\">\r\n            <button type=\"button\" class=\"plyr__control\" aria-label=\"Mute\" data-plyr=\"mute\">\r\n                <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-muted\"></use></svg>\r\n                <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-volume\"></use></svg>\r\n                <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Unmute</span>\r\n                <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Mute</span>\r\n            </button>\r\n            <div class=\"plyr__volume\">\r\n                <input data-plyr=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.05\" value=\"1\" autocomplete=\"off\" aria-label=\"Volume\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  skinCardOne(info = {}) {\r\n    return `<div class=\"skin_card_container\">\r\n    <div class=\"player\">\r\n      <div class=\"like waves-effect waves-light\">\r\n        <i class=\"icon-heart\"></i>\r\n      </div>\r\n      <div class=\"mask\"></div>\r\n      <ul class=\"player-info info-one\">\r\n        <li>${info?.title}</li>\r\n        <li>${info?.artist}</li>\r\n        <li class=\"plyr__time--duration\">0:00</li>\r\n      </ul>\r\n      <ul class=\"player-info info-two\">\r\n        <li>${info?.title}</li>\r\n        <li>${info?.artist}</li>\r\n        <li><span class=\"plyr__time--current\" id=\"duration\"></span><i> / </i><span class=\"plyr__time--duration\">0:00</span></li>\r\n      </ul>\r\n      <button id=\"play-button\" type=\"button\" class=\"plyr__control waves-effect waves-button waves-float play-inactive\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n        <svg class=\"icon--pressed icon-play\" role=\"presentation\">s<use xlink:href=\"#plyr-pause\"></use></svg>\r\n        <svg class=\"icon--not-pressed icon-play\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n        <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n        <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n      </button>\r\n      <div class=\"control-row\">\r\n        <div class=\"waves-animation-one\"></div>\r\n        <div class=\"waves-animation-two\"></div>\r\n        <div class=\"details\">\r\n          <button id=\"pause-button\" type=\"button\" class=\"plyr__control\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n            <svg class=\"icon--pressed icon-play\" role=\"presentation\">s<use xlink:href=\"#plyr-pause\"></use></svg>\r\n            <svg class=\"icon--not-pressed icon-play\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n            <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n            <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n          </button>\r\n        <div class=\"seek-field\">\r\n          <div class=\"plyr__progress\">\r\n            <input data-plyr=\"seek\" type=\"range\" min=\"0\" max=\"100\" step=\"0.01\" value=\"0\" aria-label=\"Seek\">\r\n            <progress class=\"plyr__progress__buffer\" min=\"0\" max=\"100\" value=\"0\">% buffered</progress>\r\n            <span role=\"tooltip\" class=\"plyr__tooltip\">00:00</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"volume_controls volume-icon\">\r\n            <button type=\"button\" class=\" plyr__control\" aria-label=\"Mute\" data-plyr=\"mute\">\r\n                <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-muted\"></use></svg>\r\n                <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-volume\"></use></svg>\r\n                <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Unmute</span>\r\n                <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Mute</span>\r\n            </button>\r\n            <div class=\"plyr__volume\">\r\n                <input data-plyr=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.05\" value=\"1\" autocomplete=\"off\" aria-label=\"Volume\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>`;\r\n  }\r\n\r\n  skinCardTwo(info = {}) {\r\n    return `<div id=\"single-song-player\" class=\"radius\">\r\n    <img data-amplitude-song-info=\"cover_art_url\" src=\"${info?.poster}\"/>\r\n    <div class=\"bottom-container\">\r\n      <progress type=\"range\" class=\"amplitude-song-played-progress\" min=\"0\" max=\"100\" step=\"0.01\"></progress>\r\n\r\n      <div class=\"time-container\">\r\n        <span class=\"current-time plyr__time--current\"></span>\r\n        <span class=\"duration plyr__time--duration\"></span>\r\n      </div>\r\n\r\n      <div class=\"control-container\">\r\n        <button id=\"play-button\" type=\"button\" class=\"plyr__control amplitude-play-pause\" aria-label=\"Play, ${info.title}\" data-plyr=\"play\">\r\n          <svg class=\"icon--pressed icon-play\" role=\"presentation\">s<use xlink:href=\"#plyr-pause\"></use></svg>\r\n          <svg class=\"icon--not-pressed icon-play\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n          <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n          <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n        </button>\r\n        <div class=\"meta-container\">\r\n          <span data-amplitude-song-info=\"name\" class=\"song-name\">${info?.title}</span>\r\n          <span data-amplitude-song-info=\"artist\">${info?.artist}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>`;\r\n  }\r\n\r\n  skinSimpleOne() {\r\n    return `<div class=\"h5ap-player-skin-5 radius\">\r\n        <div class=\"progress-time\">\r\n            <div>\r\n                <div class=\"plyr__progress\">\r\n                    <input data-plyr=\"seek\" type=\"range\" min=\"0\" max=\"100\" step=\"0.01\" value=\"0\" aria-label=\"Seek\">\r\n                    <progress class=\"plyr__progress__buffer\" min=\"0\" max=\"100\" value=\"0\">% buffered</progress>\r\n                    <span role=\"tooltip\" class=\"plyr__tooltip\">00:00</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"time\">\r\n                <div class=\"plyr__time plyr__time--current\" aria-label=\"Current time\">00:00</div>\r\n                <div class=\"plyr__time plyr__time--duration\" aria-label=\"Duration\">00:00</div>\r\n            </div>\r\n        </div>\r\n      <div class=\"controls\">\r\n        <button type=\"button\" class=\"plyr__control\" data-plyr=\"rewind\">\r\n          <svg role=\"presentation\"><use xlink:href=\"#plyr-rewind\"></use></svg>\r\n          <span class=\"plyr__tooltip\" role=\"tooltip\">Rewind {seektime} secs</span>\r\n        </button>\r\n        <button type=\"button\" class=\"plyr__control\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n          <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-pause\"></use></svg>\r\n          <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n          <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n          <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n        </button>\r\n        <button type=\"button\" class=\"plyr__control\" data-plyr=\"fast-forward\">\r\n          <svg role=\"presentation\"><use xlink:href=\"#plyr-fast-forward\"></use></svg>\r\n          <span class=\"plyr__tooltip\" role=\"tooltip\">Forward {seektime} secs</span>\r\n        </button>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  skinSimpleTwo({ poster }) {\r\n    return `<div class=\"h5ap-player-skin-6\">\r\n        <div class=\"progress-time\">\r\n            <div class=\"thumbnail\"><img src=\"${poster}\" /></div>\r\n        </div>\r\n      <div class=\"controls\">\r\n        <button type=\"button\" class=\"plyr__control\" data-plyr=\"rewind\">\r\n          <svg role=\"presentation\"><use xlink:href=\"#plyr-rewind\"></use></svg>\r\n          <span class=\"plyr__tooltip\" role=\"tooltip\">Rewind {seektime} secs</span>\r\n        </button>\r\n        <button type=\"button\" class=\"plyr__control\" aria-label=\"Play, {title}\" data-plyr=\"play\">\r\n          <svg class=\"icon--pressed\" role=\"presentation\"><use xlink:href=\"#plyr-pause\"></use></svg>\r\n          <svg class=\"icon--not-pressed\" role=\"presentation\"><use xlink:href=\"#plyr-play\"></use></svg>\r\n          <span class=\"label--pressed plyr__tooltip\" role=\"tooltip\">Pause</span>\r\n          <span class=\"label--not-pressed plyr__tooltip\" role=\"tooltip\">Play</span>\r\n        </button>\r\n        <button type=\"button\" class=\"plyr__control\" data-plyr=\"fast-forward\">\r\n          <svg role=\"presentation\"><use xlink:href=\"#plyr-fast-forward\"></use></svg>\r\n          <span class=\"plyr__tooltip\" role=\"tooltip\">Forward {seektime} secs</span>\r\n        </button>\r\n      </div>\r\n    </div>`;\r\n  }\r\n\r\n  disablePause(player) {\r\n    player.on(\"pause\", function () {\r\n      if (!player.ended) {\r\n        player.play();\r\n      }\r\n    });\r\n  }\r\n\r\n  getDetectorData(wrapper, data = {}) {\r\n    let mediaElement = null;\r\n    let { options, infos, initializer, selector } = data;\r\n\r\n    // get the exact wrapper\r\n    if (wrapper === null) {\r\n      return false;\r\n    }\r\n    if (typeof wrapper[0] !== \"undefined\") {\r\n      wrapper.map((index, item) => {\r\n        this[initializer](item, options, infos);\r\n      });\r\n      return false;\r\n    }\r\n    if (typeof wrapper.length !== \"undefined\" && wrapper.length === 0) {\r\n      return false;\r\n    }\r\n    if (wrapper.querySelector(selector) !== null) {\r\n      wrapper = wrapper.querySelector(selector);\r\n    }\r\n\r\n    //get data from attribute if it not pass in function\r\n    if (!options && jQuery(wrapper).attr(\"data-options\") != undefined) {\r\n      options = JSON.parse(jQuery(wrapper).attr(\"data-options\"));\r\n    }\r\n\r\n    if (!infos && jQuery(wrapper).attr(\"data-infos\") != undefined) {\r\n      infos = JSON.parse(jQuery(wrapper).attr(\"data-infos\"));\r\n    }\r\n\r\n    mediaElement = wrapper.querySelector(\"audio\");\r\n\r\n    return {\r\n      wrapper,\r\n      options,\r\n      infos,\r\n      mediaElement,\r\n    };\r\n  }\r\n\r\n  cardOne(wrapper, player, poster = \"\") {\r\n    const detailsEl = wrapper.querySelector(\".details\");\r\n    const maskEl = wrapper.querySelector(\".mask\");\r\n    const playBtn = wrapper.querySelector(\"#play-button\");\r\n    const infoOne = wrapper.querySelector(\".player-info.info-one\");\r\n    const infoTwo = wrapper.querySelector(\".player-info.info-two\");\r\n    const cardContainer = wrapper.querySelector(\".skin_card_container\");\r\n    const anmOne = wrapper.querySelector(\".waves-animation-one\");\r\n\r\n    maskEl.style.background = `url(${poster})`;\r\n\r\n    player.on(\"play\", function () {\r\n      cardContainer.classList.add(\"playing\");\r\n      playBtn.classList.add(\"play-active\");\r\n      playBtn.classList.remove(\"play-inactive\");\r\n      playBtn.style.display = \"none\";\r\n      infoOne.style.display = \"none\";\r\n      infoTwo.style.display = \"block\";\r\n      infoTwo.classList.add(\"info-active\");\r\n      anmOne.style.display = \"block\";\r\n      detailsEl.style.display = \"block\";\r\n    });\r\n\r\n    player.on(\"ready\", function () {\r\n      const durationEl = infoTwo.querySelector(\".plyr__time--duration\");\r\n      durationEl.innerText = toHHMMSS(player.duration);\r\n    });\r\n  }\r\n\r\n  cardTwo(wrapper, player, poster = \"\") {\r\n    const progressEl = wrapper.querySelector(\".amplitude-song-played-progress\");\r\n    progressEl.addEventListener(\"click\", function (e) {\r\n      const position = player.duration / progressEl.offsetWidth;\r\n      player.currentTime = e.offsetX * position;\r\n    });\r\n\r\n    player.on(\"timeupdate\", function () {\r\n      progressEl.setAttribute(\"value\", (100 / player.duration) * player.currentTime);\r\n    });\r\n  }\r\n\r\n  wave(wrapper, player, color = \"#fff\", background = \"#333\") {\r\n    const audio = jQuery(wrapper).find(\"audio\");\r\n    const title = jQuery(wrapper).find(\".title-author h2\");\r\n    if (title) {\r\n      const titleText = title.text();\r\n      const dot = titleText.length > title.width() / 10.5 ? \"...\" : \"\";\r\n      jQuery(title).text(titleText.substr(0, title.width() / 10.5) + dot);\r\n    }\r\n    var AudioContext = window.AudioContext || window.webkitAudioContext || false;\r\n    const context = new AudioContext();\r\n\r\n    if (context) {\r\n      var src = context.createMediaElementSource(audio[0]);\r\n      var analyser = context.createAnalyser();\r\n\r\n      var canvas = jQuery(wrapper).find(\"#wave-canvas\")[0];\r\n      canvas.width = window.innerWidth;\r\n      canvas.height = window.innerHeight;\r\n      var ctx = canvas.getContext(\"2d\");\r\n\r\n      src.connect(analyser);\r\n      analyser.connect(context.destination);\r\n\r\n      analyser.fftSize = 512;\r\n      if (wrapper?.offsetWidth > 800) {\r\n        analyser.fftSize = 1024;\r\n      }\r\n\r\n      var bufferLength = analyser.frequencyBinCount;\r\n\r\n      var dataArray = new Uint8Array(bufferLength);\r\n\r\n      var WIDTH = canvas.width;\r\n      var HEIGHT = canvas.height;\r\n\r\n      var barWidth = (WIDTH / bufferLength) * 1;\r\n      var barHeight;\r\n      var x = 0;\r\n\r\n      const renderFrame = () => {\r\n        requestAnimationFrame(renderFrame);\r\n\r\n        x = 0;\r\n\r\n        analyser.getByteFrequencyData(dataArray);\r\n\r\n        ctx.fillStyle = background;\r\n        ctx.fillRect(0, 0, WIDTH, HEIGHT);\r\n\r\n        for (var i = 0; i < bufferLength; i++) {\r\n          if (!player.playing) {\r\n            barHeight = dataArray[i] + 100;\r\n          } else {\r\n            barHeight = dataArray[i];\r\n          }\r\n\r\n          var r = barHeight + 25 * (i / bufferLength);\r\n          var g = 250 * (i / bufferLength);\r\n          var b = 50;\r\n\r\n          // ctx.fillStyle = \"rgb(\" + r + \",\" + g + \",\" + b + \")\";\r\n          ctx.fillStyle = color;\r\n          ctx.fillRect(x, HEIGHT - barHeight - 80, barWidth, barHeight + 80);\r\n\r\n          x += barWidth + 5;\r\n        }\r\n      };\r\n\r\n      renderFrame();\r\n      const palyButton = jQuery(wrapper).find('[data-plyr=\"play\"]');\r\n      palyButton.one(\"click\", function () {\r\n        context.resume();\r\n        // audio[0].play();\r\n      });\r\n    }\r\n  }\r\n}\r\n\r\nexport default H5AP;\r\n"],"names":["H5AP_Obj","audioPlayer","options","$","jQuery","otherControls","repeat","i18n","h5ap_i18n","controls","seekTime","title","artist","disablePause","poster","muted","autoplay","source","skin","disableDownload","fusionDownload","color","background","primaryColor","download","this","skinFusion","skinWave","skinCardOne","skinCardTwo","skinSimpleOne","skinSimpleTwo","skinStamp","on","setTimeout","blur","plyr","localStorage","getItem","isFirefox","InstallTrigger","JSON","parse","setItem","stringify","player","Plyr","find","loop","active","speed","selected","h5apPlayer","map","Number","play","wave","cardOne","cardTwo","css","text","width","addClass","multipleAudio","playing","disableOtherPlayer","attr","intervalId","includes","clearInterval","setInterval","tempSource","parseInt","Math","random","type","sources","src","quickPlayer","data","stickyPlayer","btnClose","btnMinimize","btnMaximize","initialVolume","stickyDownload","window","pageYOffset","fadeIn","skinSimple","storage","option","remember","volume","currentTime","time","fadeOut","remove","stop","removeClass","onbeforeunload","event","object","html","stickyPlayer2","optionss","arguments","length","undefined","infoss","detector","getDetectorData","infos","initializer","wrapper","removeAttr","each","pause","playlist","author","info","_ref","ended","mediaElement","selector","index","item","querySelector","detailsEl","maskEl","playBtn","infoOne","infoTwo","cardContainer","anmOne","style","classList","add","display","sec_num","hours","minutes","seconds","innerText","duration","floor","progressEl","addEventListener","e","position","offsetWidth","offsetX","setAttribute","audio","titleText","dot","substr","context","AudioContext","webkitAudioContext","createMediaElementSource","analyser","createAnalyser","canvas","innerWidth","height","innerHeight","ctx","getContext","connect","destination","fftSize","barHeight","bufferLength","frequencyBinCount","dataArray","Uint8Array","WIDTH","HEIGHT","barWidth","x","renderFrame","requestAnimationFrame","getByteFrequencyData","fillStyle","fillRect","i","one","resume","document","ready","getElementById","ioScript","createElement","plyrio_js","getElementsByTagName","appendChild","script","plyr_js","h5apAudios","querySelectorAll","Object","keys","dataset","song","removeAttribute","quickPlayers","elementorFrontend","hooks","addAction","scope","players"],"sourceRoot":""}