Reply to thread

Message

<blockquote data-quote="EngeldesTodes" data-source="post: 418093" data-attributes="member: 2432">the rscript and client radio and client.php[doublepost=1504653933,1504652107][/doublepost]rscript.php[PHP]&lt;script&gt;;(function(window, undefined) {&nbsp; 'use strict';&nbsp; var AudioPlayer = (function() {&nbsp; &nbsp; // Player vars&nbsp; &nbsp; var&nbsp; &nbsp; &nbsp; player = document.getElementById('ap'),&nbsp; &nbsp; &nbsp; playBtn,&nbsp; &nbsp; &nbsp; prevBtn,&nbsp; &nbsp; &nbsp; nextBtn,&nbsp; &nbsp; &nbsp; plBtn,&nbsp; &nbsp; &nbsp; repeatBtn,&nbsp; &nbsp; &nbsp; volumeBtn,&nbsp; &nbsp; &nbsp; progressBar,&nbsp; &nbsp; &nbsp; preloadBar,&nbsp; &nbsp; &nbsp; curTime,&nbsp; &nbsp; &nbsp; durTime,&nbsp; &nbsp; &nbsp; trackTitle,&nbsp; &nbsp; &nbsp; audio,&nbsp; &nbsp; &nbsp; index = 0,&nbsp; &nbsp; &nbsp; playList,&nbsp; &nbsp; &nbsp; volumeBar,&nbsp; &nbsp; &nbsp; volumeLength,&nbsp; &nbsp; &nbsp; repeating = false,&nbsp; &nbsp; &nbsp; seeking = false,&nbsp; &nbsp; &nbsp; rightClick = false,&nbsp; &nbsp; &nbsp; apActive = false,&nbsp; &nbsp; &nbsp; // playlist vars&nbsp; &nbsp; &nbsp; pl,&nbsp; &nbsp; &nbsp; plLi,&nbsp; &nbsp; &nbsp; // settings&nbsp; &nbsp; &nbsp; settings = {&nbsp; &nbsp; &nbsp; &nbsp; volume: 0.3,&nbsp; &nbsp; &nbsp; &nbsp; autoPlay: false,&nbsp; &nbsp; &nbsp; &nbsp; notification: true,&nbsp; &nbsp; &nbsp; &nbsp; playList: []&nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; function init(options) {&nbsp; &nbsp; &nbsp; if (!('classList' in document.documentElement)) {&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; if (apActive || player === null) {&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; settings = extend(settings, options);&nbsp; &nbsp; &nbsp; // get player elements&nbsp; &nbsp; &nbsp; playBtn = player.querySelector('.ap-toggle-btn');&nbsp; &nbsp; &nbsp; prevBtn = player.querySelector('.ap-prev-btn');&nbsp; &nbsp; &nbsp; nextBtn = player.querySelector('.ap-next-btn');&nbsp; &nbsp; &nbsp; repeatBtn = player.querySelector('.ap-repeat-btn');&nbsp; &nbsp; &nbsp; volumeBtn = player.querySelector('.ap-volume-btn');&nbsp; &nbsp; &nbsp; plBtn = player.querySelector('.ap-playlist-btn');&nbsp; &nbsp; &nbsp; curTime = player.querySelector('.ap-time--current');&nbsp; &nbsp; &nbsp; durTime = player.querySelector('.ap-time--duration');&nbsp; &nbsp; &nbsp; trackTitle = player.querySelector('.ap-title');&nbsp; &nbsp; &nbsp; progressBar = player.querySelector('.ap-bar');&nbsp; &nbsp; &nbsp; preloadBar = player.querySelector('.ap-preload-bar');&nbsp; &nbsp; &nbsp; volumeBar = player.querySelector('.ap-volume-bar');&nbsp; &nbsp; &nbsp; playList = settings.playList;&nbsp; &nbsp; &nbsp; playBtn.addEventListener('click', playToggle, false);&nbsp; &nbsp; &nbsp; volumeBtn.addEventListener('click', volumeToggle, false);&nbsp; &nbsp; &nbsp; repeatBtn.addEventListener('click', repeatToggle, false);&nbsp; &nbsp; &nbsp; progressBar.parentNode.parentNode.addEventListener('mousedown', handlerBar, false);&nbsp; &nbsp; &nbsp; progressBar.parentNode.parentNode.addEventListener('mousemove', seek, false);&nbsp; &nbsp; &nbsp; document.documentElement.addEventListener('mouseup', seekingFalse, false);&nbsp; &nbsp; &nbsp; volumeBar.parentNode.parentNode.addEventListener('mousedown', handlerVol, false);&nbsp; &nbsp; &nbsp; volumeBar.parentNode.parentNode.addEventListener('mousemove', setVolume);&nbsp; &nbsp; &nbsp; document.documentElement.addEventListener('mouseup', seekingFalse, false);&nbsp; &nbsp; &nbsp; prevBtn.addEventListener('click', prev, false);&nbsp; &nbsp; &nbsp; nextBtn.addEventListener('click', next, false);&nbsp; &nbsp; &nbsp; apActive = true;&nbsp; &nbsp; &nbsp; // Create playlist&nbsp; &nbsp; &nbsp; renderPL();&nbsp; &nbsp; &nbsp; plBtn.addEventListener('click', plToggle, false);&nbsp; &nbsp; &nbsp; // Create audio object&nbsp; &nbsp; &nbsp; audio = new Audio();&nbsp; &nbsp; &nbsp; audio.volume = settings.volume;&nbsp; &nbsp; &nbsp; if (isEmptyList()) {&nbsp; &nbsp; &nbsp; &nbsp; empty();&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; audio.src = playList[index].file;&nbsp; &nbsp; &nbsp; audio.preload = 'auto';&nbsp; &nbsp; &nbsp; trackTitle.innerHTML = playList[index].title;&nbsp; &nbsp; &nbsp; volumeBar.style.height = audio.volume * 100 + '%';&nbsp; &nbsp; &nbsp; volumeLength = volumeBar.css('height');&nbsp; &nbsp; &nbsp; audio.addEventListener('error', error, false);&nbsp; &nbsp; &nbsp; audio.addEventListener('timeupdate', update, false);&nbsp; &nbsp; &nbsp; audio.addEventListener('ended', doEnd, false);&nbsp; &nbsp; &nbsp; if (settings.autoPlay) {&nbsp; &nbsp; &nbsp; &nbsp; audio.play();&nbsp; &nbsp; &nbsp; &nbsp; playBtn.classList.add('playing');&nbsp; &nbsp; &nbsp; &nbsp; plLi[index].classList.add('pl-current');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }//'&lt;img src=&quot;http://switchhotel.net/app/tpl/skins/SwitchCMS/images/logo2.png&quot; /&gt;' ;&nbsp; &nbsp; /**&nbsp; &nbsp;&nbsp; *&nbsp; PlayList methods&nbsp; &nbsp;&nbsp; */&nbsp; &nbsp; function renderPL() {&nbsp; &nbsp; &nbsp; var html = [];&nbsp; &nbsp; &nbsp; var tpl =&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; '&lt;li data-track=&quot;{count}&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;pl-number&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;pl-count&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;svg fill=&quot;#000000&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;path d=&quot;M0 0h24v24H0z&quot; fill=&quot;none&quot;/&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;path d=&quot;M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z&quot;/&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/svg&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;pl-playing&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;eq&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;eq-bar&quot;&gt;&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;eq-bar&quot;&gt;&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;eq-bar&quot;&gt;&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;div class=&quot;pl-title&quot;&gt;&lt;b&gt;{title}&lt;/b&gt;&lt;/div&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;button class=&quot;pl-remove&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;svg fill=&quot;#000000&quot; height=&quot;20&quot; viewBox=&quot;0 0 24 24&quot; width=&quot;20&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;path d=&quot;M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z&quot;/&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;path d=&quot;M0 0h24v24H0z&quot; fill=&quot;none&quot;/&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/svg&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/button&gt;' +&nbsp; &nbsp; &nbsp; &nbsp; '&lt;/li&gt;';&nbsp; &nbsp; &nbsp; playList.forEach(function(item, i) {&nbsp; &nbsp; &nbsp; &nbsp; html.push(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tpl.replace('{count}', i).replace('{title}', item.title)&nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; pl = create('div', {&nbsp; &nbsp; &nbsp; &nbsp; 'className': 'pl-container hide',&nbsp; &nbsp; &nbsp; &nbsp; 'id': 'pl',&nbsp; &nbsp; &nbsp; &nbsp; 'innerHTML': !isEmptyList() ? '&lt;ul class=&quot;pl-list&quot;&gt;' + html.join('') + '&lt;/ul&gt;' : '&lt;div class=&quot;pl-empty&quot;&gt;PlayList is empty&lt;/div&gt;'&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; player.parentNode.insertBefore(pl, player.nextSibling);&nbsp; &nbsp; &nbsp; plLi = pl.querySelectorAll('li');&nbsp; &nbsp; &nbsp; pl.addEventListener('click', listHandler, false);&nbsp; &nbsp; }&nbsp; &nbsp; function listHandler(evt) {&nbsp; &nbsp; &nbsp; evt.preventDefault();&nbsp; &nbsp; &nbsp; if (evt.target.className === 'pl-title') {&nbsp; &nbsp; &nbsp; &nbsp; var current = parseInt(evt.target.parentNode.getAttribute('data-track'), 10);&nbsp; &nbsp; &nbsp; &nbsp; index = current;&nbsp; &nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; &nbsp; &nbsp; plActive();&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; var target = evt.target;&nbsp; &nbsp; &nbsp; &nbsp; while (target.className !== pl.className) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (target.className === 'pl-remove') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var isDel = parseInt(target.parentNode.getAttribute('data-track'), 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; playList.splice(isDel, 1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; target.parentNode.parentNode.removeChild(target.parentNode);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; plLi = pl.querySelectorAll('li');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [].forEach.call(plLi, function(el, i) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; el.setAttribute('data-track', i);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (!audio.paused) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (isDel === index) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (isEmptyList()) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; empty();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // audio.currentTime = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; audio.src = playList[index].file;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.title = trackTitle.innerHTML = playList[index].title;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; progressBar.style.width = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (isDel &lt; index) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; index--;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; target = target.parentNode;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function plActive() {&nbsp; &nbsp; &nbsp; if (audio.paused) {&nbsp; &nbsp; &nbsp; &nbsp; plLi[index].classList.remove('pl-current');&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; var current = index;&nbsp; &nbsp; &nbsp; for (var i = 0, len = plLi.length; len &gt; i; i++) {&nbsp; &nbsp; &nbsp; &nbsp; plLi[i].classList.remove('pl-current');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; plLi[current].classList.add('pl-current');&nbsp; &nbsp; }&nbsp; &nbsp; /**&nbsp; &nbsp;&nbsp; *&nbsp; Player methods&nbsp; &nbsp;&nbsp; */&nbsp; &nbsp; function error() {&nbsp; &nbsp; &nbsp; !isEmptyList() &amp;&amp; next();&nbsp; &nbsp; }&nbsp; &nbsp; function play() {&nbsp; &nbsp; &nbsp; index = (index &gt; playList.length - 1) ? 0 : index;&nbsp; &nbsp; &nbsp; if (index &lt; 0) index = playList.length - 1;&nbsp; &nbsp; &nbsp; if (isEmptyList()) {&nbsp; &nbsp; &nbsp; &nbsp; empty();&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; audio.src = playList[index].file;&nbsp; &nbsp; &nbsp; audio.preload = 'auto';&nbsp; &nbsp; &nbsp; document.title = trackTitle.innerHTML = playList[index].title;&nbsp; &nbsp; &nbsp; audio.play();&nbsp; &nbsp; &nbsp; notify(playList[index].title, {&nbsp; &nbsp; &nbsp; &nbsp; icon: playList[index].icon,&nbsp; &nbsp; &nbsp; &nbsp; body: 'Now playing',&nbsp; &nbsp; &nbsp; &nbsp; tag: 'music-player'&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; playBtn.classList.add('playing');&nbsp; &nbsp; &nbsp; plActive();&nbsp; &nbsp; }&nbsp; &nbsp; function prev() {&nbsp; &nbsp; &nbsp; index = index - 1;&nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; }&nbsp; &nbsp; function next() {&nbsp; &nbsp; &nbsp; index = index + 1;&nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; }&nbsp; &nbsp; function isEmptyList() {&nbsp; &nbsp; &nbsp; return playList.length === 0;&nbsp; &nbsp; }&nbsp; &nbsp; function empty() {&nbsp; &nbsp; &nbsp; audio.pause();&nbsp; &nbsp; &nbsp; audio.src = '';&nbsp; &nbsp; &nbsp; trackTitle.innerHTML = 'queue is empty';&nbsp; &nbsp; &nbsp; curTime.innerHTML = '--';&nbsp; &nbsp; &nbsp; durTime.innerHTML = '--';&nbsp; &nbsp; &nbsp; progressBar.style.width = 0;&nbsp; &nbsp; &nbsp; preloadBar.style.width = 0;&nbsp; &nbsp; &nbsp; playBtn.classList.remove('playing');&nbsp; &nbsp; &nbsp; pl.innerHTML = '&lt;div class=&quot;pl-empty&quot;&gt;PlayList is empty&lt;/div&gt;';&nbsp; &nbsp; }&nbsp; &nbsp; function playToggle() {&nbsp; &nbsp; &nbsp; if (isEmptyList()) {&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; if (audio.paused) {&nbsp; &nbsp; &nbsp; &nbsp; audio.play();&nbsp; &nbsp; &nbsp; &nbsp; notify(playList[index].title, {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; icon: playList[index].icon,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; body: 'Now playing'&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; this.classList.add('playing');&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; audio.pause();&nbsp; &nbsp; &nbsp; &nbsp; this.classList.remove('playing');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; plActive();&nbsp; &nbsp; }&nbsp; &nbsp; function volumeToggle() {&nbsp; &nbsp; &nbsp; if (audio.muted) {&nbsp; &nbsp; &nbsp; &nbsp; if (parseInt(volumeLength, 10) === 0) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; volumeBar.style.height = '100%';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; audio.volume = 1;&nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; volumeBar.style.height = volumeLength;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; audio.muted = false;&nbsp; &nbsp; &nbsp; &nbsp; this.classList.remove('muted');&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; audio.muted = true;&nbsp; &nbsp; &nbsp; &nbsp; volumeBar.style.height = 0;&nbsp; &nbsp; &nbsp; &nbsp; this.classList.add('muted');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function repeatToggle() {&nbsp; &nbsp; &nbsp; var repeat = this.classList;&nbsp; &nbsp; &nbsp; if (repeat.contains('ap-active')) {&nbsp; &nbsp; &nbsp; &nbsp; repeating = false;&nbsp; &nbsp; &nbsp; &nbsp; repeat.remove('ap-active');&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; repeating = true;&nbsp; &nbsp; &nbsp; &nbsp; repeat.add('ap-active');&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function plToggle() {&nbsp; &nbsp; &nbsp; this.classList.toggle('ap-active');&nbsp; &nbsp; &nbsp; pl.classList.toggle('hide');&nbsp; &nbsp; }&nbsp; &nbsp; function update() {&nbsp; &nbsp; &nbsp; if (audio.readyState === 0) return;&nbsp; &nbsp; &nbsp; var barlength = Math.round(audio.currentTime * (100 / audio.duration));&nbsp; &nbsp; &nbsp; progressBar.style.width = barlength + '%';&nbsp; &nbsp; &nbsp; var&nbsp; &nbsp; &nbsp; &nbsp; curMins = Math.floor(audio.currentTime / 60),&nbsp; &nbsp; &nbsp; &nbsp; curSecs = Math.floor(audio.currentTime - curMins * 60),&nbsp; &nbsp; &nbsp; &nbsp; mins = Math.floor(audio.duration / 60),&nbsp; &nbsp; &nbsp; &nbsp; secs = Math.floor(audio.duration - mins * 60);&nbsp; &nbsp; &nbsp; (curSecs &lt; 10) &amp;&amp; (curSecs = '0' + curSecs);&nbsp; &nbsp; &nbsp; (secs &lt; 10) &amp;&amp; (secs = '0' + secs);&nbsp; &nbsp; &nbsp; curTime.innerHTML = curMins + ':' + curSecs;&nbsp; &nbsp; &nbsp; durTime.innerHTML = mins + ':' + secs;&nbsp; &nbsp; &nbsp; var buffered = audio.buffered;&nbsp; &nbsp; &nbsp; if (buffered.length) {&nbsp; &nbsp; &nbsp; &nbsp; var loaded = Math.round(100 * buffered.end(0) / audio.duration);&nbsp; &nbsp; &nbsp; &nbsp; preloadBar.style.width = loaded + '%';&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function doEnd() {&nbsp; &nbsp; &nbsp; if (index === playList.length - 1) {&nbsp; &nbsp; &nbsp; &nbsp; if (!repeating) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; audio.pause();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; plActive();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; playBtn.classList.remove('playing');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; index = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; index = (index === playList.length - 1) ? 0 : index + 1;&nbsp; &nbsp; &nbsp; &nbsp; play();&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function moveBar(evt, el, dir) {&nbsp; &nbsp; &nbsp; var value;&nbsp; &nbsp; &nbsp; if (dir === 'horizontal') {&nbsp; &nbsp; &nbsp; &nbsp; value = Math.round((evt.clientX - el.offset().left) * 100 / el.parentNode.offsetWidth);&nbsp; &nbsp; &nbsp; &nbsp; el.style.width = value + '%';&nbsp; &nbsp; &nbsp; &nbsp; return value;&nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; var offset = el.offset().top + el.offsetHeight;&nbsp; &nbsp; &nbsp; &nbsp; value = Math.round((offset - evt.clientY));&nbsp; &nbsp; &nbsp; &nbsp; if (value &gt; 100) value = 100;&nbsp; &nbsp; &nbsp; &nbsp; if (value &lt; 0) value = 0;&nbsp; &nbsp; &nbsp; &nbsp; volumeBar.style.height = value + '%';&nbsp; &nbsp; &nbsp; &nbsp; return value;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function handlerBar(evt) {&nbsp; &nbsp; &nbsp; rightClick = (evt.which === 3) ? true : false;&nbsp; &nbsp; &nbsp; seeking = true;&nbsp; &nbsp; &nbsp; seek(evt);&nbsp; &nbsp; }&nbsp; &nbsp; function handlerVol(evt) {&nbsp; &nbsp; &nbsp; rightClick = (evt.which === 3) ? true : false;&nbsp; &nbsp; &nbsp; seeking = true;&nbsp; &nbsp; &nbsp; setVolume(evt);&nbsp; &nbsp; }&nbsp; &nbsp; function seek(evt) {&nbsp; &nbsp; &nbsp; if (seeking &amp;&amp; rightClick === false &amp;&amp; audio.readyState !== 0) {&nbsp; &nbsp; &nbsp; &nbsp; var value = moveBar(evt, progressBar, 'horizontal');&nbsp; &nbsp; &nbsp; &nbsp; audio.currentTime = audio.duration * (value / 100);&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function seekingFalse() {&nbsp; &nbsp; &nbsp; seeking = false;&nbsp; &nbsp; }&nbsp; &nbsp; function setVolume(evt) {&nbsp; &nbsp; &nbsp; volumeLength = volumeBar.css('height');&nbsp; &nbsp; &nbsp; if (seeking &amp;&amp; rightClick === false) {&nbsp; &nbsp; &nbsp; &nbsp; var value = moveBar(evt, volumeBar.parentNode, 'vertical') / 100;&nbsp; &nbsp; &nbsp; &nbsp; if (value &lt;= 0) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; audio.volume = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; volumeBtn.classList.add('muted');&nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (audio.muted) audio.muted = false;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; audio.volume = value;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; volumeBtn.classList.remove('muted');&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; function notify(title, attr) {&nbsp; &nbsp; &nbsp; if (!settings.notification) {&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; if (window.Notification === undefined) {&nbsp; &nbsp; &nbsp; &nbsp; return;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; window.Notification.requestPermission(function(access) {&nbsp; &nbsp; &nbsp; &nbsp; if (access === 'granted') {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var notice = new Notification(title.substr(0, 110), attr);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; notice.onshow = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setTimeout(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; notice.close();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }, 5000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // notice.onclose = function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp;&nbsp; if(noticeTimer) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp; &nbsp;&nbsp; clearTimeout(noticeTimer);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp;&nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; }&nbsp; &nbsp; /* Destroy method. Clear All */&nbsp; &nbsp; function destroy() {&nbsp; &nbsp; &nbsp; if (!apActive) return;&nbsp; &nbsp; &nbsp; playBtn.removeEventListener('click', playToggle, false);&nbsp; &nbsp; &nbsp; volumeBtn.removeEventListener('click', volumeToggle, false);&nbsp; &nbsp; &nbsp; repeatBtn.removeEventListener('click', repeatToggle, false);&nbsp; &nbsp; &nbsp; plBtn.removeEventListener('click', plToggle, false);&nbsp; &nbsp; &nbsp; progressBar.parentNode.parentNode.removeEventListener('mousedown', handlerBar, false);&nbsp; &nbsp; &nbsp; progressBar.parentNode.parentNode.removeEventListener('mousemove', seek, false);&nbsp; &nbsp; &nbsp; document.documentElement.removeEventListener('mouseup', seekingFalse, false);&nbsp; &nbsp; &nbsp; volumeBar.parentNode.parentNode.removeEventListener('mousedown', handlerVol, false);&nbsp; &nbsp; &nbsp; volumeBar.parentNode.parentNode.removeEventListener('mousemove', setVolume);&nbsp; &nbsp; &nbsp; document.documentElement.removeEventListener('mouseup', seekingFalse, false);&nbsp; &nbsp; &nbsp; prevBtn.removeEventListener('click', prev, false);&nbsp; &nbsp; &nbsp; nextBtn.removeEventListener('click', next, false);&nbsp; &nbsp; &nbsp; audio.removeEventListener('error', error, false);&nbsp; &nbsp; &nbsp; audio.removeEventListener('timeupdate', update, false);&nbsp; &nbsp; &nbsp; audio.removeEventListener('ended', doEnd, false);&nbsp; &nbsp; &nbsp; player.parentNode.removeChild(player);&nbsp; &nbsp; &nbsp; // Playlist&nbsp; &nbsp; &nbsp; pl.removeEventListener('click', listHandler, false);&nbsp; &nbsp; &nbsp; pl.parentNode.removeChild(pl);&nbsp; &nbsp; &nbsp; audio.pause();&nbsp; &nbsp; &nbsp; apActive = false;&nbsp; &nbsp; }&nbsp; &nbsp; /**&nbsp; &nbsp;&nbsp; *&nbsp; Helpers&nbsp; &nbsp;&nbsp; */&nbsp; &nbsp; function extend(defaults, options) {&nbsp; &nbsp; &nbsp; for (var name in options) {&nbsp; &nbsp; &nbsp; &nbsp; if (defaults.hasOwnProperty(name)) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; defaults[name] = options[name];&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; return defaults;&nbsp; &nbsp; }&nbsp; &nbsp; function create(el, attr) {&nbsp; &nbsp; &nbsp; var element = document.createElement(el);&nbsp; &nbsp; &nbsp; if (attr) {&nbsp; &nbsp; &nbsp; &nbsp; for (var name in attr) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (element[name] !== undefined) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; element[name] = attr[name];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; return element;&nbsp; &nbsp; }&nbsp; &nbsp; Element.prototype.offset = function() {&nbsp; &nbsp; &nbsp; var el = this.getBoundingClientRect(),&nbsp; &nbsp; &nbsp; &nbsp; scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,&nbsp; &nbsp; &nbsp; &nbsp; scrollTop = window.pageYOffset || document.documentElement.scrollTop;&nbsp; &nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; &nbsp; top: el.top + scrollTop,&nbsp; &nbsp; &nbsp; &nbsp; left: el.left + scrollLeft&nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; };&nbsp; &nbsp; Element.prototype.css = function(attr) {&nbsp; &nbsp; &nbsp; if (typeof attr === 'string') {&nbsp; &nbsp; &nbsp; &nbsp; return getComputedStyle(this, '')[attr];&nbsp; &nbsp; &nbsp; } else if (typeof attr === 'object') {&nbsp; &nbsp; &nbsp; &nbsp; for (var name in attr) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (this.style[name] !== undefined) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.style[name] = attr[name];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };&nbsp; &nbsp; /**&nbsp; &nbsp;&nbsp; *&nbsp; Public methods&nbsp; &nbsp;&nbsp; */&nbsp; &nbsp; return {&nbsp; &nbsp; &nbsp; init: init,&nbsp; &nbsp; &nbsp; destroy: destroy&nbsp; &nbsp; };&nbsp; })();&nbsp; window.AP = AudioPlayer;})(window);// test image for web notificationsvar iconImage = 'http://nitrohotel.stream/images/headset.png';AP.init({&nbsp; playList: [&nbsp; &nbsp; {'icon': iconImage, 'title': 'Nitro FM', 'file': 'http://perseus.shoutca.st:8580/stream'},&nbsp; &nbsp; ]});setTimeout(function() {&nbsp; &nbsp; $('.overlay-ribbon').fadeOut('fast');}, 1000); // &lt;-- time in milliseconds&lt;/script&gt;[/PHP]</blockquote>

[QUOTE="EngeldesTodes, post: 418093, member: 2432"] the rscript and client radio and client.php [doublepost=1504653933,1504652107][/doublepost]rscript.php [PHP]<script> ; (function(window, undefined) { 'use strict'; var AudioPlayer = (function() { // Player vars var player = document.getElementById('ap'), playBtn, prevBtn, nextBtn, plBtn, repeatBtn, volumeBtn, progressBar, preloadBar, curTime, durTime, trackTitle, audio, index = 0, playList, volumeBar, volumeLength, repeating = false, seeking = false, rightClick = false, apActive = false, // playlist vars pl, plLi, // settings settings = { volume: 0.3, autoPlay: false, notification: true, playList: [] }; function init(options) { if (!('classList' in document.documentElement)) { return false; } if (apActive || player === null) { return; } settings = extend(settings, options); // get player elements playBtn = player.querySelector('.ap-toggle-btn'); prevBtn = player.querySelector('.ap-prev-btn'); nextBtn = player.querySelector('.ap-next-btn'); repeatBtn = player.querySelector('.ap-repeat-btn'); volumeBtn = player.querySelector('.ap-volume-btn'); plBtn = player.querySelector('.ap-playlist-btn'); curTime = player.querySelector('.ap-time--current'); durTime = player.querySelector('.ap-time--duration'); trackTitle = player.querySelector('.ap-title'); progressBar = player.querySelector('.ap-bar'); preloadBar = player.querySelector('.ap-preload-bar'); volumeBar = player.querySelector('.ap-volume-bar'); playList = settings.playList; playBtn.addEventListener('click', playToggle, false); volumeBtn.addEventListener('click', volumeToggle, false); repeatBtn.addEventListener('click', repeatToggle, false); progressBar.parentNode.parentNode.addEventListener('mousedown', handlerBar, false); progressBar.parentNode.parentNode.addEventListener('mousemove', seek, false); document.documentElement.addEventListener('mouseup', seekingFalse, false); volumeBar.parentNode.parentNode.addEventListener('mousedown', handlerVol, false); volumeBar.parentNode.parentNode.addEventListener('mousemove', setVolume); document.documentElement.addEventListener('mouseup', seekingFalse, false); prevBtn.addEventListener('click', prev, false); nextBtn.addEventListener('click', next, false); apActive = true; // Create playlist renderPL(); plBtn.addEventListener('click', plToggle, false); // Create audio object audio = new Audio(); audio.volume = settings.volume; if (isEmptyList()) { empty(); return; } audio.src = playList[index].file; audio.preload = 'auto'; trackTitle.innerHTML = playList[index].title; volumeBar.style.height = audio.volume * 100 + '%'; volumeLength = volumeBar.css('height'); audio.addEventListener('error', error, false); audio.addEventListener('timeupdate', update, false); audio.addEventListener('ended', doEnd, false); if (settings.autoPlay) { audio.play(); playBtn.classList.add('playing'); plLi[index].classList.add('pl-current'); } } //'<img src="http://switchhotel.net/app/tpl/skins/SwitchCMS/images/logo2.png" />' ; /** * PlayList methods */ function renderPL() { var html = []; var tpl = '<li data-track="{count}">' + '<div class="pl-number">' + '<div class="pl-count">' + '<svg fill="#000000" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">' + '<path d="M0 0h24v24H0z" fill="none"/>' + '<path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/>' + '</svg>' + '</div>' + '<div class="pl-playing">' + '<div class="eq">' + '<div class="eq-bar"></div>' + '<div class="eq-bar"></div>' + '<div class="eq-bar"></div>' + '</div>' + '</div>' + '</div>' + '<div class="pl-title">{title}</div>' + '<button class="pl-remove">' + '<svg fill="#000000" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg">' + '<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>' + '<path d="M0 0h24v24H0z" fill="none"/>' + '</svg>' + '</button>' + '</li>'; playList.forEach(function(item, i) { html.push( tpl.replace('{count}', i).replace('{title}', item.title) ); }); pl = create('div', { 'className': 'pl-container hide', 'id': 'pl', 'innerHTML': !isEmptyList() ? '<ul class="pl-list">' + html.join('') + '</ul>' : '<div class="pl-empty">PlayList is empty</div>' }); player.parentNode.insertBefore(pl, player.nextSibling); plLi = pl.querySelectorAll('li'); pl.addEventListener('click', listHandler, false); } function listHandler(evt) { evt.preventDefault(); if (evt.target.className === 'pl-title') { var current = parseInt(evt.target.parentNode.getAttribute('data-track'), 10); index = current; play(); plActive(); } else { var target = evt.target; while (target.className !== pl.className) { if (target.className === 'pl-remove') { var isDel = parseInt(target.parentNode.getAttribute('data-track'), 10); playList.splice(isDel, 1); target.parentNode.parentNode.removeChild(target.parentNode); plLi = pl.querySelectorAll('li'); [].forEach.call(plLi, function(el, i) { el.setAttribute('data-track', i); }); if (!audio.paused) { if (isDel === index) { play(); } } else { if (isEmptyList()) { empty(); } else { // audio.currentTime = 0; audio.src = playList[index].file; document.title = trackTitle.innerHTML = playList[index].title; progressBar.style.width = 0; } } if (isDel < index) { index--; } return; } target = target.parentNode; } } } function plActive() { if (audio.paused) { plLi[index].classList.remove('pl-current'); return; } var current = index; for (var i = 0, len = plLi.length; len > i; i++) { plLi[i].classList.remove('pl-current'); } plLi[current].classList.add('pl-current'); } /** * Player methods */ function error() { !isEmptyList() && next(); } function play() { index = (index > playList.length - 1) ? 0 : index; if (index < 0) index = playList.length - 1; if (isEmptyList()) { empty(); return; } audio.src = playList[index].file; audio.preload = 'auto'; document.title = trackTitle.innerHTML = playList[index].title; audio.play(); notify(playList[index].title, { icon: playList[index].icon, body: 'Now playing', tag: 'music-player' }); playBtn.classList.add('playing'); plActive(); } function prev() { index = index - 1; play(); } function next() { index = index + 1; play(); } function isEmptyList() { return playList.length === 0; } function empty() { audio.pause(); audio.src = ''; trackTitle.innerHTML = 'queue is empty'; curTime.innerHTML = '--'; durTime.innerHTML = '--'; progressBar.style.width = 0; preloadBar.style.width = 0; playBtn.classList.remove('playing'); pl.innerHTML = '<div class="pl-empty">PlayList is empty</div>'; } function playToggle() { if (isEmptyList()) { return; } if (audio.paused) { audio.play(); notify(playList[index].title, { icon: playList[index].icon, body: 'Now playing' }); this.classList.add('playing'); } else { audio.pause(); this.classList.remove('playing'); } plActive(); } function volumeToggle() { if (audio.muted) { if (parseInt(volumeLength, 10) === 0) { volumeBar.style.height = '100%'; audio.volume = 1; } else { volumeBar.style.height = volumeLength; } audio.muted = false; this.classList.remove('muted'); } else { audio.muted = true; volumeBar.style.height = 0; this.classList.add('muted'); } } function repeatToggle() { var repeat = this.classList; if (repeat.contains('ap-active')) { repeating = false; repeat.remove('ap-active'); } else { repeating = true; repeat.add('ap-active'); } } function plToggle() { this.classList.toggle('ap-active'); pl.classList.toggle('hide'); } function update() { if (audio.readyState === 0) return; var barlength = Math.round(audio.currentTime * (100 / audio.duration)); progressBar.style.width = barlength + '%'; var curMins = Math.floor(audio.currentTime / 60), curSecs = Math.floor(audio.currentTime - curMins * 60), mins = Math.floor(audio.duration / 60), secs = Math.floor(audio.duration - mins * 60); (curSecs < 10) && (curSecs = '0' + curSecs); (secs < 10) && (secs = '0' + secs); curTime.innerHTML = curMins + ':' + curSecs; durTime.innerHTML = mins + ':' + secs; var buffered = audio.buffered; if (buffered.length) { var loaded = Math.round(100 * buffered.end(0) / audio.duration); preloadBar.style.width = loaded + '%'; } } function doEnd() { if (index === playList.length - 1) { if (!repeating) { audio.pause(); plActive(); playBtn.classList.remove('playing'); return; } else { index = 0; play(); } } else { index = (index === playList.length - 1) ? 0 : index + 1; play(); } } function moveBar(evt, el, dir) { var value; if (dir === 'horizontal') { value = Math.round((evt.clientX - el.offset().left) * 100 / el.parentNode.offsetWidth); el.style.width = value + '%'; return value; } else { var offset = el.offset().top + el.offsetHeight; value = Math.round((offset - evt.clientY)); if (value > 100) value = 100; if (value < 0) value = 0; volumeBar.style.height = value + '%'; return value; } } function handlerBar(evt) { rightClick = (evt.which === 3) ? true : false; seeking = true; seek(evt); } function handlerVol(evt) { rightClick = (evt.which === 3) ? true : false; seeking = true; setVolume(evt); } function seek(evt) { if (seeking && rightClick === false && audio.readyState !== 0) { var value = moveBar(evt, progressBar, 'horizontal'); audio.currentTime = audio.duration * (value / 100); } } function seekingFalse() { seeking = false; } function setVolume(evt) { volumeLength = volumeBar.css('height'); if (seeking && rightClick === false) { var value = moveBar(evt, volumeBar.parentNode, 'vertical') / 100; if (value <= 0) { audio.volume = 0; volumeBtn.classList.add('muted'); } else { if (audio.muted) audio.muted = false; audio.volume = value; volumeBtn.classList.remove('muted'); } } } function notify(title, attr) { if (!settings.notification) { return; } if (window.Notification === undefined) { return; } window.Notification.requestPermission(function(access) { if (access === 'granted') { var notice = new Notification(title.substr(0, 110), attr); notice.onshow = function() { setTimeout(function() { notice.close(); }, 5000); } // notice.onclose = function() { // if(noticeTimer) { // clearTimeout(noticeTimer); // } // } } }) } /* Destroy method. Clear All */ function destroy() { if (!apActive) return; playBtn.removeEventListener('click', playToggle, false); volumeBtn.removeEventListener('click', volumeToggle, false); repeatBtn.removeEventListener('click', repeatToggle, false); plBtn.removeEventListener('click', plToggle, false); progressBar.parentNode.parentNode.removeEventListener('mousedown', handlerBar, false); progressBar.parentNode.parentNode.removeEventListener('mousemove', seek, false); document.documentElement.removeEventListener('mouseup', seekingFalse, false); volumeBar.parentNode.parentNode.removeEventListener('mousedown', handlerVol, false); volumeBar.parentNode.parentNode.removeEventListener('mousemove', setVolume); document.documentElement.removeEventListener('mouseup', seekingFalse, false); prevBtn.removeEventListener('click', prev, false); nextBtn.removeEventListener('click', next, false); audio.removeEventListener('error', error, false); audio.removeEventListener('timeupdate', update, false); audio.removeEventListener('ended', doEnd, false); player.parentNode.removeChild(player); // Playlist pl.removeEventListener('click', listHandler, false); pl.parentNode.removeChild(pl); audio.pause(); apActive = false; } /** * Helpers */ function extend(defaults, options) { for (var name in options) { if (defaults.hasOwnProperty(name)) { defaults[name] = options[name]; } } return defaults; } function create(el, attr) { var element = document.createElement(el); if (attr) { for (var name in attr) { if (element[name] !== undefined) { element[name] = attr[name]; } } } return element; } Element.prototype.offset = function() { var el = this.getBoundingClientRect(), scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, scrollTop = window.pageYOffset || document.documentElement.scrollTop; return { top: el.top + scrollTop, left: el.left + scrollLeft }; }; Element.prototype.css = function(attr) { if (typeof attr === 'string') { return getComputedStyle(this, '')[attr]; } else if (typeof attr === 'object') { for (var name in attr) { if (this.style[name] !== undefined) { this.style[name] = attr[name]; } } } }; /** * Public methods */ return { init: init, destroy: destroy }; })(); window.AP = AudioPlayer; })(window); // test image for web notifications var iconImage = 'http://nitrohotel.stream/images/headset.png'; AP.init({ playList: [ {'icon': iconImage, 'title': 'Nitro FM', 'file': 'http://perseus.shoutca.st:8580/stream'}, ] }); setTimeout(function() { $('.overlay-ribbon').fadeOut('fast'); }, 1000); // <-- time in milliseconds </script>[/PHP] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members