fix lyrics caption

This commit is contained in:
vapormusic 2021-12-09 16:52:55 +07:00
parent 9c3fe5ca61
commit ec13b75a2f
3 changed files with 6 additions and 4 deletions

View file

@ -1158,8 +1158,8 @@ const app = new Vue({
})
}
}
} else if (app.currentLyricsLine == 0) {
if (!document.querySelector(`.lyric-line[line-index="0"]`).classList.contains("active"))
} else if (app.currentLyricsLine == 0) {
if (document.querySelector(`.lyric-line[line-index="0"]`) && !document.querySelector(`.lyric-line[line-index="0"]`).classList.contains("active"))
document.querySelector(`.lyric-line[line-index="0"]`).classList.add("active");
}
break;

View file

@ -2225,6 +2225,7 @@ div#captions {
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.6);
color: yellow;
white-space: pre-line;
}
[v-cloak] {

View file

@ -351,8 +351,9 @@
fill-rule="nonzero"/>
</svg>
</div>
<div id="captions">{{(lyricon) ? ((lyrics.length > 0 ) ?
lyrics[currentLyricsLine].line.replace('lrcInstrumental','') : "") : ''}}
<div id="captions">{{((lyricon) ? ((lyrics.length > 0 ) ?
lyrics[currentLyricsLine].line.replace('lrcInstrumental','') : "") : '') + ((lyricon) ? ((lyrics.length > 0 ) ?
(lyrics[currentLyricsLine].translation ? ('\n\r' + lyrics[currentLyricsLine].translation) : ""): "") : '')}}
</div>
<div id="player-pip" @click="document.querySelector('video').requestPictureInPicture()"
title="Picture-in-Picture">