Голоса синтеза речи и доступное воспроизведение в браузере
Используйте синтез речи как необязательное управление пользователем улучшение, сохраняя читаемый текст и резервный путь.
Нужна структурированная документация по теме Платформа?
Эта статья относится к редакционной библиотеке. Для пошаговой настройки, справки и постоянных обновлений переходите сразу в соответствующий раздел docs.
Синтез речи в браузере может озвучить текст без отдельного аудиофайла для каждой фразы. Он полезен для чтения, изучения языков и коротких уведомлений, но остается необязательным улучшением и не заменяет текст или вспомогательные технологии.
См. также проверку доступных взаимодействий, языковые предпочтения и мультимедийные настройки.
Назначение SpeechSynthesis
Web Speech предоставляет контроллер SpeechSynthesis и объекты SpeechSynthesisUtterance. Страница задает текст, а браузер и операционная система создают звук. Кнопка чтения должна соответствовать видимому тексту, который остается доступным при ошибке голоса.
getVoices() может сначала вернуть пустой список. Событие voiceschanged сообщает о готовности или изменении вариантов. Операционная система, браузер, языковые пакеты, сеть и встроенное web-представление влияют на имена, произношение и доступность. Не обещайте фиксированный список и не используйте его для вывода об устройстве.
Доступность может измениться во время сеанса.
Установленный голос не гарантирует точное произношение.
Язык документа помогает выбрать начальное значение.
Пользователь должен иметь возможность изменить выбор.
Сохраняйте текст видимым во время загрузки.
Пустой список не должен блокировать обычное чтение.
Изменчивость доступности голосов
Событие изменения может прийти несколько раз.
Сохраняйте выбор только пока он действителен.
Просто объясняйте отсутствие нужного голоса.
Не превращайте варианты в каталог устройства.
Удаленный голос может зависеть от сети.
Проверяйте также язык без установленного голоса.
Чтению не нужен точный индикатор времени.
Держите команды в стабильном месте.
При изменении текста остановите чтение или сообщите об этом.
Видимый текст остается источником истины.
Не озвучивайте скрыто исчезнувшее содержимое.
Короткие уведомления должны оставаться доступными в тексте.
Очередь чтения должна останавливаться.
Кнопка остановки должна быть доступна.
Сообщения состояния не должны сдвигать команды.
Опишите правило для динамического текста.
Речь не должна мешать отправке формы.
Доступные команды воспроизведения
Управление и отказоустойчивость
Запускайте речь только после явного действия. Для длинного текста нужны пауза, продолжение, остановка и повтор; используйте обычные кнопки, видимый фокус и понятные имена. Короткое сообщение о состоянии можно озвучить отдельно, не повторяя весь абзац. Те же команды должны работать с клавиатурой и ассистивной технологией.
При отсутствии, задержке, исчезновении голоса или ошибке сохраняйте текст и показывайте следующий шаг. Перед новым чтением отменяйте старое и очищайте состояние при завершении, прерывании или удалении компонента. Переход по страницам не должен тихо запускать речь заново.
Конфиденциальность и выбор
Для вывода не нужно перечислять или отправлять все голоса. Не записывайте полные массивы, voiceURI и задержки в аналитику. Внешний сервис должен объяснить, какой текст покидает браузер, и запросить отдельный выбор. Переключатель отключения должен быть видимым и обратимым, не скрывая текст.
Проверка
Проверьте клавиатуру, указатель и экранный диктор при пустом, задержанном, замененном голосе и при отсутствии нужного языка. Убедитесь, что текст, фокус и сообщения сохраняются после паузы, отмены, навигации и повтора. Проверьте естественность русских подписей и альтернативного текста изображения.
При ручной проверке сравнивайте произнесенную и видимую фразы. Возврат к тексту должен быть понятным и быстрым.
Записывайте только наблюдаемые результаты.
Повторите тест после смены языка.
Убедитесь, что к содержимому можно перейти клавиатурой.
Открытые источники
Похожие статьи
Переведите BotBrowser из исследований в продакшн
Используйте эти руководства, чтобы понять модель, а затем перейти к кроссплатформенной валидации, изолированным контекстам и масштабируемому браузерному развертыванию.