Networks Community Charts User Network Top DJs Top100DJs DMC Championships Top DJ Testimonials Featured DJs
Share Tweet4 podcastsPodcast 4Podcast date 2020-04-25 14:06:58 Test 1 Podcast Podcast 3Podcast date 2020-04-25 14:05:19 Test 1 Podcast Podcast 2Podcast date 2020-02-17 04:59:37 Todo Salsa Podcast 1Podcast date 2015-09-16 00:41:03 </span> <center> <div class="podcastplayer gray-gradient" id="12676"> <div class="toggle play_podcast" data="/podcast/ProfLee/file12676.mp3"> <button class="toggle-play dark-gradient"><i class="icon-play"></i></button> <button class="toggle-pause dark-gradient"><i class="icon-pause"></i></button> </div> <div class="timecontainer"> <input class="time" type="range" value="0" max=""> </div> <span class="currenttime"></span> <span class="duration"></span> </div> </center> <div id="script"></div></div></div></article></section><br><br><audio id="audio" src="/podcast/ProfLee/file12676.mp3" preload="auto"></audio> <script> var lastaudio = null; var audioElement = document.getElementById('audio'); var playerID = null; var mp3file = null; function playPodcast(audiofile){ audioElement.setAttribute('src', audiofile); lastaudio =audiofile; audioElement.play(); $('#'+playerID).find('.currenttime').html('Loading... '); $(audioElement).on("canplay", function () { audioElement.play(); getDuration(); $('#'+playerID).find('.currenttime').html('00:00'); updateTime(); }); checkErrors(); $('#'+playerID).find('.time').on('change', function (event) { audioElement.currentTime = $(this).val(); }); } function checkErrors(){ audioElement.addEventListener("error", function(event) { $('#'+playerID).find('.duration').html('<b>Error!</b> Could not play'); }); audioElement.addEventListener("stalled", function(event) { $('#'+playerID).find('.duration').html('<b>Error!</b> Could not play'); }); } function updateTime() { audioElement.addEventListener("timeupdate", function(event) { playtime = audioElement.currentTime var played_minutes = parseInt(playtime / 60, 10); var played_seconds = parseInt(playtime % 60); played_minutes = (played_minutes < 10) ? "0"+played_minutes : played_minutes; played_seconds = (played_seconds < 10) ? "0"+played_seconds: played_seconds; $('#'+playerID).find('.time').val(playtime); $('#'+playerID).find('.currenttime').html(played_minutes+':'+played_seconds); }); } function getDuration() { if(audioElement.readyState > 0) { duration = audioElement.duration; var minutes = parseInt(duration / 60, 10); var seconds = parseInt(duration % 60); minutes = (minutes < 10) ? "0"+minutes : minutes; seconds = (seconds < 10) ? "0"+seconds: seconds; $('#'+playerID).find('.time').attr('max', duration); $('#'+playerID).find('.duration').html(minutes+':'+seconds); } else $('#'+playerID).find('.duration').html('ERROR! Could not play'); } $(document).ready(function(){ $(".play_podcast").click(function(){ playerID = $(this).parent().attr('id'); mp3file = $(this).attr('data'); if(audioElement.paused) { playPodcast(mp3file); $(this).find('.toggle-pause').show(); $(this).find('.toggle-play').hide(); } else { audioElement.pause(); $('.podcastplayer').each(function(index,item){ $(item).find('.toggle-play').show(); $(item).find('.toggle-pause').hide(); }); $(this).find('.toggle-play').show(); $(this).find('.toggle-pause').hide(); if($(this).attr('data')!=lastaudio) { playPodcast(mp3file); $(this).find('.toggle-pause').show(); $(this).find('.toggle-play').hide(); } } }); }); /* var onClick = function() { audioElement.play(); // audio will load and then play }; podcastpage.addEventListener('click', onClick, false); */ </script> <!-- end forum transitional class --> <div class="clearfix"></div> </section><!-- end content --> <div class="clearfix"></div> </section><!-- end inner wrapper --> <footer id="pagefooter"> <section class="grid-box" id="footerboxes"> <article id="footerbox-1" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> About VirtualDJ</h5> <ul> <li><a href="/download/">Download</a></li> <li><a href="/buy/">Buy</a></li> <li><a href="/products/virtualdj/features.html">Features</a></li> <li><a href="/products/virtualdj/price.html">Price & Licenses</a></li> <li><a href="/products/virtualdj/screenshot.html">Screenshots</a></li> </ul> </div> </article> <article id="footerbox-4" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Support</h5> <ul> <li><a href="/help/">Contact Support</a></li> <li><a href="/manuals/virtualdj.html">User Manual</a></li> <li><a href="/wiki/FAQ.html">FAQ</a></li> <li><a href="/wiki/index.html">VDJPedia (Wiki)</a></li> <li><a href="/forums/">Forums</a></li> </ul> </div> </article> <article id="footerbox-4" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Company</h5> <ul> <li><a href="/atomixproductions/">About Us</a></li> <li><a href="/help/">Contact Us</a></li> <li><a href="/atomixproductions/jobs.html">Job offers</a></li> <li><a href="/privacy/">Privacy Policy</a></li> <li><a href="/EULA/">EULA</a></li> </ul> </div> </article> <article id="footerbox-3" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Follow Us</h5> <span class="social-link"> <ul> <li><a href="https://www.facebook.com/virtualdjsoftware" target="_blank"><i class="icon-facebook"></i> Facebook</a></li> <li><a href="https://www.youtube.com/user/virtualdjofficial" target="_blank"><i class="icon-youtube-play"></i> YouTube</a></li> <li><a href="https://instagram.com/virtualdjsoftware" target="_blank"><i class="icon-instagram"></i> Instagram #virtualdj</a></li> <li><a href="https://twitter.com/virtualdj" target="_blank"><i class="icon-twitter"></i> Twitter #virtualdj</a></li> </ul> </span> </div> </article> </section> <!-- bottom --> <section class="grid-box" role="copyright-footer" id="bottomfooter"> <article class="col compact-full medium-col-1-1"> <center><a href="/atomixproductions/">© Atomix Productions</a></center> </article> </section> </footer> </section><!-- end outer wrapper section --> <!-- scripts --> <script type="text/javascript"> window.onscroll = function() { var menunodes = document.getElementById('topmenu-full').childNodes; if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) { document.getElementById("top-menu").style.position = "fixed"; document.getElementById("content").style.paddingTop = "60px"; for(var i=0; i<menunodes.length; i++) { if (menunodes[i].nodeName == 'LI') { menunodes[i].style.width = "13%"; } } document.getElementById("mobile-logo").style.display = "block"; } else { document.getElementById("content").style.paddingTop = "0px"; document.getElementById("top-menu").style.position = "relative"; for(var i=0; i<menunodes.length; i++) { if (menunodes[i].nodeName == 'LI') { menunodes[i].style.width = "15%"; } } document.getElementById("topmenu-last").style.width = "5%"; document.getElementById("menu-logo").style.width = "5%"; document.getElementById("headerlogo").style.display = "block"; document.getElementById("mobile-logo").style.display = "none"; } }; var setCheck; var x = 0; var mobilemenu = document.getElementsByName('mobilemenu-selected'); document.getElementById('mobilemenu-button').onclick = function() { document.getElementById("mobilemenu-button").classList.toggle("mobilemenu-clicked"); document.getElementById("mobilemenu-wrapper").classList.toggle("menuvisible"); document.getElementById("body").classList.toggle("menu-moveright"); document.getElementById("body").classList.toggle("background-dark"); document.getElementById("mobilemenu-button").classList.toggle("menu-moveleft"); for(var i=0;i<mobilemenu.length;i++) mobilemenu[i].checked = false; } for(x = 0; x < mobilemenu.length; x++){ mobilemenu[x].onclick = function(){ if(setCheck != this){ setCheck = this; } else{ this.checked = false; setCheck = null; } }; } const themeToggle = document.querySelector('input.theme-switcher'); function switchTheme(e) { if (e.target.checked) { darkmodeCSS(true); storeTheme('darkmode'); } else { darkmodeCSS(false); storeTheme('lightmode'); } } themeToggle.addEventListener('change', switchTheme, false); const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) { document.body.className = currentTheme; if (currentTheme === 'darkmode') { themeToggle.checked = true; darkmodeCSS(true); storeTheme('darkmode'); } else { themeToggle.checked = false; darkmodeCSS(false); storeTheme('lightmode'); } } function darkmodeCSS(set) { if(set==true) { document.body.className = 'darkmode'; var darmkodecss = document.getElementById("darkmode-css") ? document.getElementById("darkmode-css") : null; if(!darmkodecss){ var link = document.createElement('link'); link.href = '/css/darkmode.css?foo=20250919'; link.rel = 'stylesheet'; link.type = 'text/css'; link.setAttribute("id", "darkmode-css"); document.body.appendChild(link); } } else { document.body.className = 'lightmode'; var darmkodecss = document.getElementById("darkmode-css"); darmkodecss.disabled = true; darmkodecss.parentNode.removeChild(darmkodecss); } } function storeTheme(theme) { localStorage.setItem('theme', theme); var d = new Date(); document.cookie = "theme=; expires=Thu, 01 Jan 1970 00:00:00 GMT"; document.cookie = "theme="+theme+"; expires=Thu, 29 Dec " + (d.getFullYear() + 1) + " 00:00:00 GMT; path=/"; } </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1023988617671915&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script></body></html>
Share Tweet4 podcastsPodcast 4Podcast date 2020-04-25 14:06:58 Test 1 Podcast Podcast 3Podcast date 2020-04-25 14:05:19 Test 1 Podcast Podcast 2Podcast date 2020-02-17 04:59:37 Todo Salsa Podcast 1Podcast date 2015-09-16 00:41:03 </span> <center> <div class="podcastplayer gray-gradient" id="12676"> <div class="toggle play_podcast" data="/podcast/ProfLee/file12676.mp3"> <button class="toggle-play dark-gradient"><i class="icon-play"></i></button> <button class="toggle-pause dark-gradient"><i class="icon-pause"></i></button> </div> <div class="timecontainer"> <input class="time" type="range" value="0" max=""> </div> <span class="currenttime"></span> <span class="duration"></span> </div> </center> <div id="script"></div></div></div></article></section><br><br><audio id="audio" src="/podcast/ProfLee/file12676.mp3" preload="auto"></audio> <script> var lastaudio = null; var audioElement = document.getElementById('audio'); var playerID = null; var mp3file = null; function playPodcast(audiofile){ audioElement.setAttribute('src', audiofile); lastaudio =audiofile; audioElement.play(); $('#'+playerID).find('.currenttime').html('Loading... '); $(audioElement).on("canplay", function () { audioElement.play(); getDuration(); $('#'+playerID).find('.currenttime').html('00:00'); updateTime(); }); checkErrors(); $('#'+playerID).find('.time').on('change', function (event) { audioElement.currentTime = $(this).val(); }); } function checkErrors(){ audioElement.addEventListener("error", function(event) { $('#'+playerID).find('.duration').html('<b>Error!</b> Could not play'); }); audioElement.addEventListener("stalled", function(event) { $('#'+playerID).find('.duration').html('<b>Error!</b> Could not play'); }); } function updateTime() { audioElement.addEventListener("timeupdate", function(event) { playtime = audioElement.currentTime var played_minutes = parseInt(playtime / 60, 10); var played_seconds = parseInt(playtime % 60); played_minutes = (played_minutes < 10) ? "0"+played_minutes : played_minutes; played_seconds = (played_seconds < 10) ? "0"+played_seconds: played_seconds; $('#'+playerID).find('.time').val(playtime); $('#'+playerID).find('.currenttime').html(played_minutes+':'+played_seconds); }); } function getDuration() { if(audioElement.readyState > 0) { duration = audioElement.duration; var minutes = parseInt(duration / 60, 10); var seconds = parseInt(duration % 60); minutes = (minutes < 10) ? "0"+minutes : minutes; seconds = (seconds < 10) ? "0"+seconds: seconds; $('#'+playerID).find('.time').attr('max', duration); $('#'+playerID).find('.duration').html(minutes+':'+seconds); } else $('#'+playerID).find('.duration').html('ERROR! Could not play'); } $(document).ready(function(){ $(".play_podcast").click(function(){ playerID = $(this).parent().attr('id'); mp3file = $(this).attr('data'); if(audioElement.paused) { playPodcast(mp3file); $(this).find('.toggle-pause').show(); $(this).find('.toggle-play').hide(); } else { audioElement.pause(); $('.podcastplayer').each(function(index,item){ $(item).find('.toggle-play').show(); $(item).find('.toggle-pause').hide(); }); $(this).find('.toggle-play').show(); $(this).find('.toggle-pause').hide(); if($(this).attr('data')!=lastaudio) { playPodcast(mp3file); $(this).find('.toggle-pause').show(); $(this).find('.toggle-play').hide(); } } }); }); /* var onClick = function() { audioElement.play(); // audio will load and then play }; podcastpage.addEventListener('click', onClick, false); */ </script> <!-- end forum transitional class --> <div class="clearfix"></div> </section><!-- end content --> <div class="clearfix"></div> </section><!-- end inner wrapper --> <footer id="pagefooter"> <section class="grid-box" id="footerboxes"> <article id="footerbox-1" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> About VirtualDJ</h5> <ul> <li><a href="/download/">Download</a></li> <li><a href="/buy/">Buy</a></li> <li><a href="/products/virtualdj/features.html">Features</a></li> <li><a href="/products/virtualdj/price.html">Price & Licenses</a></li> <li><a href="/products/virtualdj/screenshot.html">Screenshots</a></li> </ul> </div> </article> <article id="footerbox-4" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Support</h5> <ul> <li><a href="/help/">Contact Support</a></li> <li><a href="/manuals/virtualdj.html">User Manual</a></li> <li><a href="/wiki/FAQ.html">FAQ</a></li> <li><a href="/wiki/index.html">VDJPedia (Wiki)</a></li> <li><a href="/forums/">Forums</a></li> </ul> </div> </article> <article id="footerbox-4" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Company</h5> <ul> <li><a href="/atomixproductions/">About Us</a></li> <li><a href="/help/">Contact Us</a></li> <li><a href="/atomixproductions/jobs.html">Job offers</a></li> <li><a href="/privacy/">Privacy Policy</a></li> <li><a href="/EULA/">EULA</a></li> </ul> </div> </article> <article id="footerbox-3" class="col small-col-half medium-col-1-4"> <div class="footerbox"> <h5><span class="text-blue"><i class="icon-play"></i></span> Follow Us</h5> <span class="social-link"> <ul> <li><a href="https://www.facebook.com/virtualdjsoftware" target="_blank"><i class="icon-facebook"></i> Facebook</a></li> <li><a href="https://www.youtube.com/user/virtualdjofficial" target="_blank"><i class="icon-youtube-play"></i> YouTube</a></li> <li><a href="https://instagram.com/virtualdjsoftware" target="_blank"><i class="icon-instagram"></i> Instagram #virtualdj</a></li> <li><a href="https://twitter.com/virtualdj" target="_blank"><i class="icon-twitter"></i> Twitter #virtualdj</a></li> </ul> </span> </div> </article> </section> <!-- bottom --> <section class="grid-box" role="copyright-footer" id="bottomfooter"> <article class="col compact-full medium-col-1-1"> <center><a href="/atomixproductions/">© Atomix Productions</a></center> </article> </section> </footer> </section><!-- end outer wrapper section --> <!-- scripts --> <script type="text/javascript"> window.onscroll = function() { var menunodes = document.getElementById('topmenu-full').childNodes; if (document.body.scrollTop > 70 || document.documentElement.scrollTop > 70) { document.getElementById("top-menu").style.position = "fixed"; document.getElementById("content").style.paddingTop = "60px"; for(var i=0; i<menunodes.length; i++) { if (menunodes[i].nodeName == 'LI') { menunodes[i].style.width = "13%"; } } document.getElementById("mobile-logo").style.display = "block"; } else { document.getElementById("content").style.paddingTop = "0px"; document.getElementById("top-menu").style.position = "relative"; for(var i=0; i<menunodes.length; i++) { if (menunodes[i].nodeName == 'LI') { menunodes[i].style.width = "15%"; } } document.getElementById("topmenu-last").style.width = "5%"; document.getElementById("menu-logo").style.width = "5%"; document.getElementById("headerlogo").style.display = "block"; document.getElementById("mobile-logo").style.display = "none"; } }; var setCheck; var x = 0; var mobilemenu = document.getElementsByName('mobilemenu-selected'); document.getElementById('mobilemenu-button').onclick = function() { document.getElementById("mobilemenu-button").classList.toggle("mobilemenu-clicked"); document.getElementById("mobilemenu-wrapper").classList.toggle("menuvisible"); document.getElementById("body").classList.toggle("menu-moveright"); document.getElementById("body").classList.toggle("background-dark"); document.getElementById("mobilemenu-button").classList.toggle("menu-moveleft"); for(var i=0;i<mobilemenu.length;i++) mobilemenu[i].checked = false; } for(x = 0; x < mobilemenu.length; x++){ mobilemenu[x].onclick = function(){ if(setCheck != this){ setCheck = this; } else{ this.checked = false; setCheck = null; } }; } const themeToggle = document.querySelector('input.theme-switcher'); function switchTheme(e) { if (e.target.checked) { darkmodeCSS(true); storeTheme('darkmode'); } else { darkmodeCSS(false); storeTheme('lightmode'); } } themeToggle.addEventListener('change', switchTheme, false); const currentTheme = localStorage.getItem('theme') ? localStorage.getItem('theme') : null; if (currentTheme) { document.body.className = currentTheme; if (currentTheme === 'darkmode') { themeToggle.checked = true; darkmodeCSS(true); storeTheme('darkmode'); } else { themeToggle.checked = false; darkmodeCSS(false); storeTheme('lightmode'); } } function darkmodeCSS(set) { if(set==true) { document.body.className = 'darkmode'; var darmkodecss = document.getElementById("darkmode-css") ? document.getElementById("darkmode-css") : null; if(!darmkodecss){ var link = document.createElement('link'); link.href = '/css/darkmode.css?foo=20250919'; link.rel = 'stylesheet'; link.type = 'text/css'; link.setAttribute("id", "darkmode-css"); document.body.appendChild(link); } } else { document.body.className = 'lightmode'; var darmkodecss = document.getElementById("darkmode-css"); darmkodecss.disabled = true; darmkodecss.parentNode.removeChild(darmkodecss); } } function storeTheme(theme) { localStorage.setItem('theme', theme); var d = new Date(); document.cookie = "theme=; expires=Thu, 01 Jan 1970 00:00:00 GMT"; document.cookie = "theme="+theme+"; expires=Thu, 29 Dec " + (d.getFullYear() + 1) + " 00:00:00 GMT; path=/"; } </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1023988617671915&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script></body></html>
