js同步歌词

// 假设我们有一个LRC格式的歌词文件内容如下：
const lrcContent = `
[00:00.00] 歌曲开始
[00:10.00] 第一句歌词
[00:20.00] 第二句歌词
[00:30.00] 第三句歌词
`;

// 解析LRC文件
function parseLrc(lrc) {
    const lines = lrc.split('\n');
    const lyrics = [];
    lines.forEach(line => {
        const match = line.match(/\[(\d{2}:\d{2}\.\d{2})\](.*)/);
        if (match) {
            const time = match[1].split(':').reduce((acc, curr) => acc * 60 + parseFloat(curr), 0);
            const text = match[2].trim();
            lyrics.push({ time, text });
        }
    });
    return lyrics;
}

const lyrics = parseLrc(lrcContent);

// 播放音乐并同步显示歌词
let currentTime = 0; // 假设这是当前播放时间（秒）
function updateLyrics(currentTime) {
    for (let i = 0; i < lyrics.length; i++) {
        if (currentTime >= lyrics[i].time && (i === lyrics.length - 1 || currentTime < lyrics[i + 1].time)) {
            console.log(lyrics[i].text); // 在这里更新UI显示歌词
            break;
        }
    }
}

// 模拟音乐播放进度更新
setInterval(() => {
    currentTime += 1; // 每秒更新一次
    updateLyrics(currentTime);
}, 1000);