funkcionalita db

This commit is contained in:
Matej Novotný 2024-11-17 20:19:16 +01:00
parent e1d400c217
commit 99b6bb8ecf

View File

@ -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;