mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Add lyrics auto scroll

Browse source
This commit is contained in:
LJQ 2024-05-22 12:45:50 +08:00
parent 291d3099bb
commit fa9b0e6c87
1 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/controllers/lyrics.js
View file

@ -5,7 +5,9 @@ import { appRouter } from '../components/router/appRouter';
import layoutManager from 'components/layoutManager'; import layoutManager from 'components/layoutManager';
import { playbackManager } from '../components/playback/playbackmanager'; import { playbackManager } from '../components/playback/playbackmanager';
import ServerConnections from '../components/ServerConnections'; import ServerConnections from '../components/ServerConnections';
import scrollManager from 'components/scrollManager';
import keyboardNavigation from 'scripts/keyboardNavigation';
import globalize from '../scripts/globalize'; import globalize from '../scripts/globalize';
import LibraryMenu from '../scripts/libraryMenu'; import LibraryMenu from '../scripts/libraryMenu';
import Events from '../utils/events.ts'; import Events from '../utils/events.ts';
@ -17,6 +19,7 @@ let currentItem;
let savedLyrics; let savedLyrics;
let isDynamicLyric = false; let isDynamicLyric = false;
let autoScroll = true;
function dynamicLyricHtmlReducer(htmlAccumulator, lyric, index) { function dynamicLyricHtmlReducer(htmlAccumulator, lyric, index) {
if (layoutManager.tv) { if (layoutManager.tv) {
@ -69,6 +72,9 @@ export default function (view) {
if (lyric) { if (lyric) {
lyric.classList.remove('pastLyric'); lyric.classList.remove('pastLyric');
lyric.classList.remove('futureLyric'); lyric.classList.remove('futureLyric');
if (autoScroll) {
scrollManager.scrollToElement(lyric, true);
}
} }
} }
@ -178,6 +184,7 @@ export default function (view) {
} }
function onLyricClick(lyricTime) { function onLyricClick(lyricTime) {
autoScroll = true;
playbackManager.seek(lyricTime); playbackManager.seek(lyricTime);
if (playbackManager.paused()) { if (playbackManager.paused()) {
playbackManager.playPause(currentPlayer); playbackManager.playPause(currentPlayer);
@ -234,8 +241,22 @@ export default function (view) {
} }
} }
function onWheel() {
autoScroll = false;
}
function onKeyDown(e) {
const key = keyboardNavigation.getKeyName(e);
if (key === 'ArrowUp' || key === 'ArrowDown') {
autoScroll = false;
}
}
view.addEventListener('viewshow', function () { view.addEventListener('viewshow', function () {
Events.on(playbackManager, 'playerchange', onPlayerChange); Events.on(playbackManager, 'playerchange', onPlayerChange);
autoScroll = true;
document.addEventListener('wheel', onWheel);
document.addEventListener('keydown', onKeyDown);
try { try {
onLoad(); onLoad();
} catch (e) { } catch (e) {
@ -245,6 +266,8 @@ export default function (view) {
view.addEventListener('viewbeforehide', function () { view.addEventListener('viewbeforehide', function () {
Events.off(playbackManager, 'playerchange', onPlayerChange); Events.off(playbackManager, 'playerchange', onPlayerChange);
document.removeEventListener('wheel', onWheel);
document.removeEventListener('keydown', onKeyDown);
releaseCurrentPlayer(); releaseCurrentPlayer();
}); });
} }