diff --git a/Script_Speech_recognition/videoplayer.js b/Script_Speech_recognition/videoplayer.js index ae35e14..a1f30f2 100644 --- a/Script_Speech_recognition/videoplayer.js +++ b/Script_Speech_recognition/videoplayer.js @@ -4,16 +4,15 @@ const translateWordsBtn = document.getElementById('translateWordsBtn'); const translateLettersBtn = document.getElementById('translateLettersBtn'); const prevBtn = document.getElementById('prevBtn'); const nextBtn = document.getElementById('nextBtn'); -const translateBtn = document.getElementById('translateBtn'); // Prelož button +const translateBtn = document.getElementById('translateBtn'); let videoSequence = []; let currentIndex = 0; let autoPlayEnabled = true; -// Variable to track the current translation method -let currentTranslationMode = 'words'; // Default mode +let currentTranslationMode = 'words'; + -// Function to check if video exists async function videoExists(src) { return new Promise(resolve => { const video = document.createElement('video'); @@ -23,7 +22,7 @@ async function videoExists(src) { }); } -// Function to load video sequence by words + async function loadVideoSequenceByWords() { const words = inputText.value.trim().split(' '); videoSequence = []; @@ -37,7 +36,7 @@ async function loadVideoSequenceByWords() { currentIndex = 0; } -// Function to load video sequence by letters + async function loadVideoSequenceByLetters() { const characters = inputText.value.trim().split(''); videoSequence = []; @@ -53,7 +52,7 @@ async function loadVideoSequenceByLetters() { currentIndex = 0; } -// Function to play video at a specific index + function playVideoAtIndex(index) { if (index < 0 || index >= videoSequence.length) return; @@ -61,7 +60,7 @@ function playVideoAtIndex(index) { videoPlayer.play(); currentIndex = index; - // Update the title with the current letter or word + const currentChar = videoSequence[index].split('/').pop().split('.')[0]; document.getElementById('currentLetter').innerText = currentChar.toUpperCase(); @@ -79,11 +78,11 @@ function playVideoAtIndex(index) { } } -// Event listener for "Prelož" button (Translate button) + translateBtn.addEventListener('click', async () => { autoPlayEnabled = true; - // Based on current mode, load the correct video sequence + if (currentTranslationMode === 'words') { await loadVideoSequenceByWords(); } else if (currentTranslationMode === 'letters') { @@ -95,21 +94,21 @@ translateBtn.addEventListener('click', async () => { } }); -// Event listener for "Preložiť po slovách" button + translateWordsBtn.addEventListener('click', () => { - currentTranslationMode = 'words'; // Set to words mode - translateWordsBtn.classList.add('active'); // Optionally add active class + currentTranslationMode = 'words'; + translateWordsBtn.classList.add('active'); translateLettersBtn.classList.remove('active'); }); -// Event listener for "Preložiť po písmenách" button + translateLettersBtn.addEventListener('click', () => { - currentTranslationMode = 'letters'; // Set to letters mode - translateLettersBtn.classList.add('active'); // Optionally add active class + currentTranslationMode = 'letters'; + translateLettersBtn.classList.add('active'); translateWordsBtn.classList.remove('active'); }); -// Event listeners for prev and next buttons to navigate video sequence + prevBtn.addEventListener('click', () => { if (currentIndex > 0) { autoPlayEnabled = false;