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

improve karaoke timing

Browse source
This commit is contained in:
vapormusic 2021-12-18 11:27:14 +07:00
parent 14f9ba7c30
commit e16bc00c95
1 changed files with 2 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
resources/cider-ui/views/components/lyrics-view.ejs
View file

@ -7,7 +7,7 @@
<template v-if="richlyrics && richlyrics != [] && richlyrics.length > 0"> <template v-if="richlyrics && richlyrics != [] && richlyrics.length > 0">
<div class="richl" > <div class="richl" >
<template v-for="verse in getVerseLine(index-1)" > <template v-for="verse in getVerseLine(index-1)" >
<span class="verse" :llinestart="lyric.startTime" :versestart="verse.o" >{{ verse.c }}</span> <span class="verse" :lyricstart="lyric.startTime" :versestart="verse.o" >{{ verse.c }}</span>
</template> </template>
</div> </div>
</template> </template>
@ -138,10 +138,8 @@
try{this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`).childNodes.classList.remove("verse-active");} catch(e){ try{this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`).childNodes.classList.remove("verse-active");} catch(e){
} }
// console.log(this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${prevLine}"]`).childNodes);
for (child of this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${app.currentLyricsLine}"]`).querySelectorAll(".verse")){ for (child of this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${app.currentLyricsLine}"]`).querySelectorAll(".verse")){
// console.log(this.$refs.lyricsview.querySelector(`.lyric-line[line-index="${app.currentLyricsLine}"]`).querySelectorAll(".verse")) if (this.time + 0.1 >= child.getAttribute("lyricstart") * 1 + child.getAttribute("versestart") * 1){
if (this.time + delayfix >= child.getAttribute("llinestart") * 1 + child.getAttribute("versestart") * 1){
child.classList.add("verse-active"); child.classList.add("verse-active");
} else {child.classList.remove("verse-active");} } else {child.classList.remove("verse-active");}
} }