|
|
@ -3,14 +3,14 @@ var track = document.querySelector("track_1"),
|
|
|
|
track_1.addEventListener('cuechange', function () {
|
|
|
|
track_1.addEventListener('cuechange', function () {
|
|
|
|
let cues = track_1.track_1.activeCues; // array of current cues
|
|
|
|
let cues = track_1.track_1.activeCues; // array of current cues
|
|
|
|
console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime);
|
|
|
|
console.log("cuechange", cues, cues[0].text, cues[0].startTime, cues[0].endTime);
|
|
|
|
var d = JSON.parse(cues[0].text);
|
|
|
|
var d_1 = JSON.parse(cues[0].text);
|
|
|
|
console.log("d",d);
|
|
|
|
console.log("d_1",d_1);
|
|
|
|
track_1_div.innerHTML = d.title;
|
|
|
|
track_1_div.innerHTML = d_1.title;
|
|
|
|
var old = document.querySelector(".now_playing");
|
|
|
|
var old = document.querySelector(".now_playing");
|
|
|
|
if (old) {
|
|
|
|
if (old) {
|
|
|
|
old.classList.remove("now_playing");
|
|
|
|
old.classList.remove("now_playing");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var playing = document.getElementById(d.title);
|
|
|
|
var playing = document.getElementById(d_1.title);
|
|
|
|
playing.classList.add("now_playing");
|
|
|
|
playing.classList.add("now_playing");
|
|
|
|
console.log("playing",playing);
|
|
|
|
console.log("playing",playing);
|
|
|
|
});
|
|
|
|
});
|
|
|
|