Republiksinium
resolve browser
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 + '%';
}
}
}
]]>
