]> iEval git - app-musicexpo.git/blame - player.js
Bump version and update Changes
[app-musicexpo.git] / player.js
CommitLineData
9b989f96
MG
1'use strict';
2var TYPES = {
3 "FLAC": "audio/x-flac",
4 "Vorbis": "audio/ogg",
5 "AAC": "audio/aac",
6 "MP3": "audio/mpeg"
7};
8
9var audio, details, start, data;
447902f9 10var hash_to_id = {}, inhibit_handle_hash = false;
9b989f96
MG
11
12function load_song (id) {
13 audio.style.display = "inline";
2e6185c6 14 var song = data[id];
9b989f96
MG
15 var old_sources = document.getElementsByTagName("source");
16 while(old_sources.length)
17 old_sources[0].parentNode.removeChild(old_sources[0]);
18
19 for (var i = 0 ; i < song.formats.length ; i++){
20 var source = document.createElement("source");
21 var type = TYPES[song.formats[i].format];
22 source.setAttribute("type", type);
2e6185c6 23 source.setAttribute("src", song.formats[i].file);
9b989f96
MG
24 audio.appendChild(source);
25 }
26
27 details.innerHTML = "Now playing: " + song.artist + " - " + song.title;
447902f9
MG
28 inhibit_handle_hash = true;
29 location.hash = song.hash;
30 inhibit_handle_hash = false;
9b989f96
MG
31 audio.load();
32}
33
34function play_random () {
35 start.innerHTML = "Next";
2e6185c6 36 var id = Math.floor(Math.random() * data.length);
9b989f96
MG
37 load_song(id);
38 audio.play();
39}
40
447902f9 41function handle_hash(){
00b6ce9d 42 if(!hash_to_id.hasOwnProperty(location.hash) || inhibit_handle_hash)
447902f9
MG
43 return;
44 load_song(hash_to_id[location.hash]);
45 start.innerHTML = "Next";
46 audio.play();
2e6185c6
MG
47}
48
9b989f96
MG
49window.onload = function () {
50 var container = document.getElementById("player");
2e6185c6 51 container.innerHTML = '<div id="details"></div> <button id="start_player">Play a random song</button> (or click a song title)<br><audio id="audio" controls></audio>';
9b989f96
MG
52 audio = document.getElementById("audio");
53 details = document.getElementById("details");
54 start = document.getElementById("start_player");
55
2e6185c6
MG
56 data = [];
57 var trs = document.querySelectorAll("tbody tr");
58 for (var i = 0 ; i < trs.length ; i++) {
59 var tr = trs[i];
60 var song = {
61 "artist": tr.getElementsByClassName("artist")[0].textContent,
62 "title": tr.getElementsByClassName("title")[0].textContent,
447902f9 63 "hash": tr.getElementsByTagName("a")[0].dataset.hash,
2e6185c6
MG
64 "formats": []
65 };
66 var formats = tr.getElementsByClassName("formats")[0].getElementsByTagName("a");
67 for (var j = 0 ; j < formats.length ; j++) {
68 var format = formats[j];
69 song.formats.push({
70 "format": format.textContent,
71 "file": format.getAttribute("href")
72 });
73 }
74 data.push(song);
447902f9 75 hash_to_id[song.hash] = i;
2e6185c6 76 }
9b989f96
MG
77
78 audio.style.display = "none";
79 audio.addEventListener('ended', play_random);
e500af14 80 audio.addEventListener('error', play_random);
9b989f96 81 start.addEventListener('click', play_random);
447902f9
MG
82 window.onhashchange = handle_hash;
83 handle_hash();
9b989f96 84};
This page took 0.030226 seconds and 4 git commands to generate.