iou1name/Musik
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

refactor ajax functions, remove default track

Browse Source
This commit is contained in:
iou1name 2019-01-30 07:30:19 -05:00
parent 3382579b47
commit b0e4b956a9
3 changed files with 24 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
musik.py
View File

@ -50,8 +50,6 @@ def index():
nav_items = os.listdir(MUSIC_DIR)
nav_items.sort()
nav_items = [item + '/' for item in nav_items]
initial_track = "/Accept/Accept - Balls to the Wall (1983) [FLAC] {74321 93214 2}/01 - Balls to the Wall.flac"
initial_cover = "/Accept/Accept - Balls to the Wall (1983) [FLAC] {74321 93214 2}/folder.jpg"
cd = "/"
return render_template('index.html', **locals())

42
static/musik.js
View File

@ -3,23 +3,20 @@ function load() {
document.getElementById('player').addEventListener('ended', function() {
// shuffle
if (document.getElementById('shuffle').checked) {
ajax('/musik/get_shuffle', function() {
var httpRequest;
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();
}
});
}
var httpRequest;
function ajax(url, func) {
httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = func;
httpRequest.open('GET', url, true);
httpRequest.send();
}
function navigate(item) {
if (/\..{3,5}$/.test(item)) {
@ -62,17 +59,20 @@ function get_dir(item) {
else {
item = cd + item;
}
ajax('/musik/get_dir/' + item, update_nav_items);
}
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;
var httpRequest;
httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function () {
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;
};
httpRequest.open('GET', '/musik/get_dir/' + item, true);
httpRequest.send();
}

6
templates/index.html
View File

@ -18,11 +18,11 @@
</ul>
</div>
<div id="playerContainer">
<span id="albumCover"><img src="/musik/album_cover{{ initial_cover }}"/></span>
<span id="albumCover"><img src=""/></span>
<span id="playerControls">
<h3 id="nowPlaying">{{ initial_track }}</h3>
<h3 id="nowPlaying"></h3>
<audio id="player" controls>
<source id="stream" src="{{ url_for('stream', track=initial_track) }}" type="audio/ogg">
<source id="stream" src="" type="audio/ogg">
</audio>
<div>
<input type="checkbox" name="shuffle" id="shuffle" checked="true">