mk875sd/projekt-7
4
1
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Update scripts/videoplayer.js

Browse Source
This commit is contained in:
Mário Panenko 2024-11-23 14:16:39 +00:00
parent 0a1286a905
commit d68e0f14c7
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
scripts/videoplayer.js
View File

@ -103,6 +103,24 @@ async function loadVideoSequenceByLetters() {
currentIndex = 0; currentIndex = 0;
} }
// Function to highlight the current word or letter
function highlightCurrentText(index) {
let wordsOrLetters = currentTranslationMode === 'words' ? inputText.value.trim().split(' ') : inputText.value.trim().split('');
// Reset the text content and remove previous highlights
inputText.innerHTML = '';
// Rebuild the text content with highlighting
wordsOrLetters.forEach((item, i) => {
const span = document.createElement('span');
span.textContent = item + (currentTranslationMode === 'words' ? ' ' : '');
if (i === index) {
span.classList.add('highlight');
}
inputText.appendChild(span);
});
}
// Function to play video at a specific index // Function to play video at a specific index
function playVideoAtIndex(index) { function playVideoAtIndex(index) {
if (index < 0 || index >= videoSequence.length) return; if (index < 0 || index >= videoSequence.length) return;
@ -111,6 +129,9 @@ function playVideoAtIndex(index) {
videoPlayer.play(); videoPlayer.play();
currentIndex = index; currentIndex = index;
// Highlight the current word or letter
highlightCurrentText(currentIndex);
// Update the title with the current word or letter // Update the title with the current word or letter
const currentLabel = videoSequence[index].split('/').pop().split('.')[0]; const currentLabel = videoSequence[index].split('/').pop().split('.')[0];
document.getElementById('currentLetter').innerText = currentLabel.toUpperCase(); document.getElementById('currentLetter').innerText = currentLabel.toUpperCase();