Как мне указать путь к .json файлу в html, и чтобы там способом работал текст и выводился на экран?

Question

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

Мне нужно подключить json(файл) к html. И чтобы текст выводился на экран, а в сдоне будет указано:

{
 "startTime":"1000", (Это пример таймкода)
 "text":"I love you baby",
 "Lineend":"*" (0 будет означать что оно не будет делать новую строку. 1 будет означать что будет переход в начало нового текста.)
}

Но я хочу чтобы использовалось с помощью src: (если это будет возможно). Либо с помощью fetch.

Но у меня уже есть:

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);
});

(И я хочу чтобы в этом скрипте использовать дсон только не так как в скрипте, а чтобы брались таймкоды по src: или с помощью fetch.

Comments

[Андрей Новиков]

fetch('./file.json').then(response => response.json()).then(rezult => console.log(rezult);

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

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

[Андрей Новиков]

Михаил Кто-то, rezult.startTime // Таймкод из файла

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

Андрей Новиков, а что насчет Lineend?

[Андрей Новиков]

SokolarGm, rezult - это обычный объект, который получился в результате парсинга json`а. startTime, Lineend, text - это его свойства. Соответственно, чтобы их получить, пишем:

let startTime = rezult.startTime;
let Lineed = rezult.Lineed;
let text = rezult.text;

https://learn.javascript.ru/object