okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix lyrics caption

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
resources/cider-ui-tests/index.js
View file

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

1
resources/cider-ui-tests/style.less
View file

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

5
resources/cider-ui-tests/views/main.ejs
View file

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