fix lyrics caption
This commit is contained in:
parent
9c3fe5ca61
commit
ec13b75a2f
3 changed files with 6 additions and 4 deletions
|
@ -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;
|
||||
|
|
|
@ -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] {
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue