- По методу Дейвиса дети лепят буквы из глины, чтобы лучше их запомнить.
- Попробуй слепить букву, которая показана справа!
-
?
@@ -989,6 +1165,42 @@ function speakLetter(letter, button) {
}
}
+// Speak instruction text
+function speakInstruction(text, button) {
+ // Check if speech synthesis is supported
+ if ('speechSynthesis' in window) {
+ // Cancel any ongoing speech
+ window.speechSynthesis.cancel();
+
+ // Create a new speech utterance
+ const utterance = new SpeechSynthesisUtterance(text);
+
+ // Set language to Russian
+ utterance.lang = 'ru-RU';
+
+ // Set rate and pitch for child-friendly speech
+ utterance.rate = 0.9; // Slightly slower than normal
+ utterance.pitch = 1.1; // Slightly higher pitch
+
+ // Add visual feedback if button provided
+ if (button) {
+ button.classList.add('speaking');
+ utterance.onend = () => {
+ button.classList.remove('speaking');
+ };
+ utterance.onerror = () => {
+ button.classList.remove('speaking');
+ };
+ }
+
+ // Speak the instruction
+ window.speechSynthesis.speak(utterance);
+ } else {
+ // Fallback alert if speech synthesis is not supported
+ alert('Озвучка не поддерживается в этом браузере');
+ }
+}
+
// Speak the current letter in sound game
function speakCurrentSoundLetter() {
const letter = letters[currentSoundLetterIndex];
@@ -1000,6 +1212,47 @@ function speakMirrorLetter() {
const letter = mirrorLetters[currentMirrorIndex];
speakLetter(letter.letter, null);
}
+
+// Auto-play instruction when entering section
+function playSectionInstruction(sectionId) {
+ const instructions = {
+ 'letters': 'Нажми на любую букву, чтобы узнать её!',
+ 'mirror': 'Помоги букве встать правильно! Нажимай стрелки, чтобы повернуть букву.',
+ 'sounds': 'Послушай звук и нажми на правильную букву!',
+ 'memory': 'Найди одинаковые буквы! Нажимай на карточки, чтобы перевернуть их.',
+ 'clay': 'По методу Дейвиса дети лепят буквы из глины. Попробуй слепить букву!'
+ };
+
+ if (instructions[sectionId]) {
+ setTimeout(() => {
+ speakInstruction(instructions[sectionId]);
+ }, 500); // Small delay to let the section appear first
+ }
+}
+
+// Update showSection to auto-play instruction
+function showSection(sectionId) {
+ // Hide all sections
+ document.querySelectorAll('.section').forEach(section => {
+ section.classList.remove('section-visible');
+ section.classList.add('section-hidden');
+ });
+
+ // Show selected section
+ document.getElementById(sectionId).classList.remove('section-hidden');
+ document.getElementById(sectionId).classList.add('section-visible');
+
+ // Update navigation buttons
+ document.querySelectorAll('.nav-btn').forEach(btn => {
+ btn.classList.remove('active');
+ });
+ event.target.classList.add('active');
+
+ currentSection = sectionId;
+
+ // Auto-play instruction for the section
+ playSectionInstruction(sectionId);
+}