Update ilustrasi
Halaman cergam




function initProgressBar_001a() { var Plotsinium = document.getElementById('Plotsinium'); var length = Plotsinium.duration var current_time = Plotsinium.currentTime; // calculate total length of value var totalLength = calculateTotalValue(length) document.getElementById("end-time").innerHTML = totalLength; // calculate current value time var currentTime = calculateCurrentValue(current_time); document.getElementById("start-time").innerHTML = currentTime; var progressbar = document.getElementById('playing'); progressbar.value = (Plotsinium.currentTime / Plotsinium.duration); progressbar.addEventListener("click", seek); if (Plotsinium.currentTime == Plotsinium.duration) { document.getElementById('play-btn').className = ""; } function seek(event) { var percent = event.offsetX / this.offsetWidth; Plotsinium.currentTime = percent * Plotsinium.duration; progressbar.value = percent / 100; } }; function initPlayers(num) { // pass num in if there are multiple audio players e.g 'Plotsinium' + i for (var i = 0; i < num; i++) { (function() { // Variables // ---------------------------------------------------------- // audio embed object var playerContainer = document.getElementById('Plotsinium-container'), Plotsinium = document.getElementById('Plotsinium'), isPlaying = false, playBtn = document.getElementById('play-btn'); // Controls Listeners // ---------------------------------------------------------- if (playBtn != null) { playBtn.addEventListener('click', function() { togglePlay() }); } // Controls & Sounds Methods // ---------------------------------------------------------- function togglePlay() { if (Plotsinium.paused === false) { Plotsinium.pause(); isPlaying = false; document.getElementById('play-btn').className = ""; } else { Plotsinium.play(); document.getElementById('play-btn').className = "pause"; isPlaying = true; } } }()); } } function calculateTotalValue(length) { var minutes = Math.floor(length / 60), seconds_int = length - minutes * 60, seconds_str = seconds_int.toString(), seconds = seconds_str.substr(0, 2), time = minutes + ':' + seconds return time; } function calculateCurrentValue(currentTime) { var current_hour = parseInt(currentTime / 3600) % 24, current_minute = parseInt(currentTime / 60) % 60, current_seconds_long = currentTime % 60, current_seconds = current_seconds_long.toFixed(), current_time = (current_minute < 10 ? "0" + current_minute : current_minute) + ":" + (current_seconds < 10 ? "0" + current_seconds : current_seconds); return current_time; } function apa() { var elem = document.getElementById("bar"); var width = 0; var id = setInterval(frame, 0); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; document.getElementById("persen").innerHTML = width * 0 + '%'; } } } ]]> function initProgressBar_002a() { var Plotx1sinium = document.getElementById('Plotx1sinium'); var length = Plotx1sinium.duration var current_time = Plotx1sinium.currentTime; // calculate total length of value var totalLength = calculateTotalValue(length) document.getElementById("end-time").innerHTML = totalLength; // calculate current value time var currentTime = calculateCurrentValue(current_time); document.getElementById("start-time").innerHTML = currentTime; var progressbar = document.getElementById('playing'); progressbar.value = (Plotx1sinium.currentTime / Plotx1sinium.duration); progressbar.addEventListener("click", seek); if (Plotx1sinium.currentTime == Plotx1sinium.duration) { document.getElementById('play-btn').className = ""; } function seek(event) { var percent = event.offsetX / this.offsetWidth; Plotx1sinium.currentTime = percent * Plotx1sinium.duration; progressbar.value = percent / 100; } }; function initPlayers(num) { // pass num in if there are multiple audio players e.g 'Plotx1sinium' + i for (var i = 0; i < num; i++) { (function() { // Variables // ---------------------------------------------------------- // audio embed object var playerContainer = document.getElementById('Plotx1sinium-container'), Plotx1sinium = document.getElementById('Plotx1sinium'), isPlaying = false, playBtn = document.getElementById('play-btn'); // Controls Listeners // ---------------------------------------------------------- if (playBtn != null) { playBtn.addEventListener('click', function() { togglePlay() }); } // Controls & Sounds Methods // ---------------------------------------------------------- function togglePlay() { if (Plotx1sinium.paused === false) { Plotx1sinium.pause(); isPlaying = false; document.getElementById('play-btn').className = ""; } else { Plotx1sinium.play(); document.getElementById('play-btn').className = "pause"; isPlaying = true; } } }()); } } function calculateTotalValue(length) { var minutes = Math.floor(length / 60), seconds_int = length - minutes * 60, seconds_str = seconds_int.toString(), seconds = seconds_str.substr(0, 2), time = minutes + ':' + seconds return time; } function calculateCurrentValue(currentTime) { var current_hour = parseInt(currentTime / 3600) % 24, current_minute = parseInt(currentTime / 60) % 60, current_seconds_long = currentTime % 60, current_seconds = current_seconds_long.toFixed(), current_time = (current_minute < 10 ? "0" + current_minute : current_minute) + ":" + (current_seconds < 10 ? "0" + current_seconds : current_seconds); return current_time; } function apa() { var elem = document.getElementById("bar"); var width = 0; var id = setInterval(frame, 0); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; document.getElementById("persen").innerHTML = width * 0 + '%'; } } } ]]> function initProgressBar_003a() { var beraudiio_1_dir = document.getElementById('beraudiio_1_dir'); var length = beraudiio_1_dir.duration var current_time = beraudiio_1_dir.currentTime; // calculate total length of value var totalLength = calculateTotalValue(length) document.getElementById("end-time").innerHTML = totalLength; // calculate current value time var currentTime = calculateCurrentValue(current_time); document.getElementById("start-time").innerHTML = currentTime; var progressbar = document.getElementById('playing'); progressbar.value = (beraudiio_1_dir.currentTime / beraudiio_1_dir.duration); progressbar.addEventListener("click", seek); if (beraudiio_1_dir.currentTime == beraudiio_1_dir.duration) { document.getElementById('play-btn').className = ""; } function seek(event) { var percent = event.offsetX / this.offsetWidth; beraudiio_1_dir.currentTime = percent * beraudiio_1_dir.duration; progressbar.value = percent / 100; } }; function initPlayers(num) { // pass num in if there are multiple audio players e.g 'beraudiio_1_dir' + i for (var i = 0; i < num; i++) { (function() { // Variables // ---------------------------------------------------------- // audio embed object var playerContainer = document.getElementById('beraudiio_1_dir-container'), beraudiio_1_dir = document.getElementById('beraudiio_1_dir'), isPlaying = false, playBtn = document.getElementById('play-btn'); // Controls Listeners // ---------------------------------------------------------- if (playBtn != null) { playBtn.addEventListener('click', function() { togglePlay() }); } // Controls & Sounds Methods // ---------------------------------------------------------- function togglePlay() { if (beraudiio_1_dir.paused === false) { beraudiio_1_dir.pause(); isPlaying = false; document.getElementById('play-btn').className = ""; } else { beraudiio_1_dir.play(); document.getElementById('play-btn').className = "pause"; isPlaying = true; } } }()); } } function calculateTotalValue(length) { var minutes = Math.floor(length / 60), seconds_int = length - minutes * 60, seconds_str = seconds_int.toString(), seconds = seconds_str.substr(0, 2), time = minutes + ':' + seconds return time; } function calculateCurrentValue(currentTime) { var current_hour = parseInt(currentTime / 3600) % 24, current_minute = parseInt(currentTime / 60) % 60, current_seconds_long = currentTime % 60, current_seconds = current_seconds_long.toFixed(), current_time = (current_minute < 10 ? "0" + current_minute : current_minute) + ":" + (current_seconds < 10 ? "0" + current_seconds : current_seconds); return current_time; } function apa() { var elem = document.getElementById("bar"); var width = 0; var id = setInterval(frame, 0); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; document.getElementById("persen").innerHTML = width * 0 + '%'; } } } ]]> function initProgressBar_004a() { var beraudiio_02_dir = document.getElementById('beraudiio_02_dir'); var length = beraudiio_02_dir.duration var current_time = beraudiio_02_dir.currentTime; // calculate total length of value var totalLength = calculateTotalValue(length) document.getElementById("end-time").innerHTML = totalLength; // calculate current value time var currentTime = calculateCurrentValue(current_time); document.getElementById("start-time").innerHTML = currentTime; var progressbar = document.getElementById('playing'); progressbar.value = (beraudiio_02_dir.currentTime / beraudiio_02_dir.duration); progressbar.addEventListener("click", seek); if (beraudiio_02_dir.currentTime == beraudiio_02_dir.duration) { document.getElementById('play-btn').className = ""; } function seek(event) { var percent = event.offsetX / this.offsetWidth; beraudiio_02_dir.currentTime = percent * beraudiio_02_dir.duration; progressbar.value = percent / 100; } }; function initPlayers(num) { // pass num in if there are multiple audio players e.g 'beraudiio_02_dir' + i for (var i = 0; i < num; i++) { (function() { // Variables // ---------------------------------------------------------- // audio embed object var playerContainer = document.getElementById('beraudiio_02_dir-container'), beraudiio_02_dir = document.getElementById('beraudiio_02_dir'), isPlaying = false, playBtn = document.getElementById('play-btn'); // Controls Listeners // ---------------------------------------------------------- if (playBtn != null) { playBtn.addEventListener('click', function() { togglePlay() }); } // Controls & Sounds Methods // ---------------------------------------------------------- function togglePlay() { if (beraudiio_02_dir.paused === false) { beraudiio_02_dir.pause(); isPlaying = false; document.getElementById('play-btn').className = ""; } else { beraudiio_02_dir.play(); document.getElementById('play-btn').className = "pause"; isPlaying = true; } } }()); } } function calculateTotalValue(length) { var minutes = Math.floor(length / 60), seconds_int = length - minutes * 60, seconds_str = seconds_int.toString(), seconds = seconds_str.substr(0, 2), time = minutes + ':' + seconds return time; } function calculateCurrentValue(currentTime) { var current_hour = parseInt(currentTime / 3600) % 24, current_minute = parseInt(currentTime / 60) % 60, current_seconds_long = currentTime % 60, current_seconds = current_seconds_long.toFixed(), current_time = (current_minute < 10 ? "0" + current_minute : current_minute) + ":" + (current_seconds < 10 ? "0" + current_seconds : current_seconds); return current_time; } function apa() { var elem = document.getElementById("bar"); var width = 0; var id = setInterval(frame, 0); function frame() { if (width >= 100) { clearInterval(id); } else { width++; elem.style.width = width + '%'; document.getElementById("persen").innerHTML = width * 0 + '%'; } } } ]]>