63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
var httpRequest
|
|
|
|
function load() {
|
|
document.getElementById('player').addEventListener('ended', function() {
|
|
if (!document.getElementById('shuffle').checked) { return; }
|
|
httpRequest = new XMLHttpRequest();
|
|
httpRequest.onreadystatechange = function() {
|
|
if (httpRequest.readyState !== XMLHttpRequest.DONE) { return; }
|
|
if (httpRequest.status !== 200) { return; }
|
|
let track = httpRequest.responseText;
|
|
change_track(track);
|
|
}
|
|
httpRequest.open('GET', '/musik/get_shuffle', true);
|
|
httpRequest.send();
|
|
});
|
|
}
|
|
|
|
function navigate(item) {
|
|
if (/\..{3,5}$/.test(item)) {
|
|
select_track(item);
|
|
}
|
|
else {
|
|
get_dir(item);
|
|
}
|
|
}
|
|
|
|
function select_track(item) {
|
|
let cd = document.getElementById('currentDirectory').innerText;
|
|
let track = cd + item;
|
|
change_track(track);
|
|
}
|
|
|
|
function change_track(track) {
|
|
let source = document.getElementById('stream');
|
|
source.src = '/musik/stream' + track;
|
|
let player = document.getElementById('player');
|
|
player.load();
|
|
player.play();
|
|
document.getElementById('nowPlaying').innerHTML = track;
|
|
}
|
|
|
|
function get_dir(item) {
|
|
let cd = document.getElementById('currentDirectory').innerText;
|
|
item = cd + item;
|
|
item = item.replace(/\.\./g, 'DOTDOT');
|
|
httpRequest = new XMLHttpRequest();
|
|
httpRequest.onreadystatechange = update_nav_items;
|
|
httpRequest.open('GET', '/musik/get_dir' + item, true);
|
|
httpRequest.send();
|
|
}
|
|
|
|
function update_nav_items() {
|
|
if (httpRequest.readyState !== XMLHttpRequest.DONE) { return; }
|
|
if (httpRequest.status !== 200) { return; }
|
|
nav_items = JSON.parse(httpRequest.responseText);
|
|
document.getElementById('currentDirectory').innerText = nav_items.shift();
|
|
let html_str = '';
|
|
for (let i = 0; i < nav_items.length; i++) {
|
|
html_str += `<li><a href="javascript:void(0);" onclick="navigate(\`${nav_items[i]}\`)">${nav_items[i]}</a></li>`;
|
|
}
|
|
document.getElementById('navItems').innerHTML = html_str;
|
|
}
|