Как подключить JSON со словами (#lyrics) к HTML через JS?

Question

[Михаил Кто-то]

Здрасте . У меня есть JSON , и там есть слова к песне ("lyrics")

Например :

"lyrics": [
		{
			"time": 5444,
			"duration": 121,
			"text": "Top ",
			"isLineEnding": 0
		}

И я не знаю как подключить его к HTML
Чтобы слова появлялись когда , дойдет к этому тайму или другому.

Answer 1

[Александр]

Мне лень описывть построение текста песни в блоках, поэтому так:

var audio = new Audio();
audio.src = "http://mus.com/song.mp3";
audio.play();
var lirycs = [{
"time": 5444,
"duration": 121,
"text": "Top ",
"isLineEnding": 0
},
{
"time": 6000,
"duration": 121,
"text": "Top2 ",
"isLineEnding": 0
}];
var next_text = lirycs.shift();
var checker = setInterval(function(){
    if(next_text.time<audio.currentTime*1000){
        console.log(next_text.text);
        next_text = lirycs.shift();
    }
    if(audio.ended)clearInterval(checker);
});

Да и не интересно работать с огрызком кода, да и умеющий JS легко сделает эту хрень.

Comments

[Михаил Кто-то]

Спасибо , нужно будет проверить как оно будет работать :)

[Михаил Кто-то]

А можно сделать так , чтобы был указан путь где находится JSON , и оттуда использовались таймы ?
Александр

[Михаил Кто-то]

Александр Хай , короче слова появляются почему-то в консоли , а не на экране
А мне нужно на экране

[Александр]

а кто мешает сделать чтобы на эране появлялись?

[Михаил Кто-то]

Александр, А как сделать именно , ибо я хз (:

[Арсений Соколовский]

Александр, здраствуйте! Спасибо что помогли нам с другом сделать слова для песни в нашей игре))
Но вот только одна проблемка - слова идут так: https://drive.google.com/file/d/124NhUml6fYhciZfxQ... , а нужно что-бы они шли вот так: https://drive.google.com/file/d/1jYV9A2hcC7TukMu2s... , помогите нам, умоляю! Я не особо хорошо знаю JAVASCRIPT и как правильно работать с JSON, поэтому вся надежда только на вас! помогите умоляю. Спасибо.