1. Главная
  2. API
  3. Использование API преобразования текста в речь с JavaScript
API

Использование API преобразования текста в речь с JavaScript

Cliff Weitzman

Клифф Вайцман

Генеральный директор/Основатель Speechify

API Speechify обеспечивает задержку 300 мс, голоса человеческого качества и более 50 языков

apple logoПремия Apple Design 2025
50M+ пользователей
Послушайте эту статью с Speechify!
speechify logo

Использование API преобразования текста в речь (TTS) с JavaScript может значительно улучшить пользовательский опыт веб-приложений. Web Speech API, поддерживаемый современными браузерами, такими как Chrome и Firefox, предоставляет мощный набор инструментов для синтеза и распознавания речи. В этом руководстве мы рассмотрим, как интегрировать API TTS в ваш JavaScript-код, преобразовать текст в речь, настроить параметры речи и использовать доступные голоса.

Начало работы с JavaScript и преобразованием текста в речь

Для начала вам потребуется базовое понимание HTML, CSS и JavaScript. Начните с создания HTML-файла и подключения вашего JavaScript-файла с помощью тега script src. В вашем JavaScript-файле инициализируйте объект синтеза речи и настройте обработчик событий для загрузки голосов. const synth = window.speechSynthesis; // Ожидание загрузки голосов synth.onvoiceschanged = () => { const voices = synth.getVoices(); // Используйте доступные голоса }; После загрузки голосов вы можете получить к ним доступ с помощью метода synth.getVoices(). Это вернет список доступных голосов, которые вы можете использовать для синтеза речи. Вы можете перебрать голоса с помощью forEach и отобразить их в вашем HTML. const voiceSelect = document.getElementById('voice-select'); voices.forEach((voice) => { const option = document.createElement('option'); option.textContent = ${voice.name} (${voice.lang}); option.setAttribute('value', voice.lang); voiceSelect.appendChild(option); }); Далее вы можете создать функцию для синтеза речи с выбранным голосом. Эта функция берет текст из элемента textarea и использует выбранный голос для генерации речи. const speak = () => { const text = document.getElementById('text-input').value; const voice = voices[voiceSelect.selectedIndex]; const utterance = new SpeechSynthesisUtterance(text); utterance.voice = voice; synth.speak(utterance); }; Добавьте обработчик событий к кнопке или форме для вызова функции speak. const button = document.getElementById('speak-button'); button.addEventListener('click', speak); С этими несколькими строками кода вы можете преобразовать текст в речь в реальном времени. Настройте скорость, тон и громкость речи, установив свойства объекта SpeechSynthesisUtterance. utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; Продолжая изучать Web Speech API, вы найдете дополнительные функции для распознавания речи и управления событиями синтеза речи. Не забудьте обратиться к официальной документации для получения более подробной информации и атрибуций.

Бесшовная интеграция с Speechify

Когда дело доходит до использования API преобразования текста в речь с JavaScript, Speechify выделяется как лучший выбор. Благодаря бесшовной интеграции с Web Speech API, Speechify делает преобразование текста в речь в реальном времени невероятно простым. Его обширная документация и удобные для пользователя руководства предоставляют пошаговые инструкции, что делает его идеальным как для начинающих, так и для опытных разработчиков веб-приложений. С Speechify у вас есть доступ к широкому спектру доступных голосов и возможность настраивать параметры речи, такие как скорость и тон. Независимо от того, являетесь ли вы фронтенд-разработчиком или разработчиком программного обеспечения, Speechify — это идеальный инструмент для улучшения ваших веб-приложений и создания увлекательного пользовательского опыта. В заключение, использование API преобразования текста в речь с JavaScript открывает мир возможностей для веб-разработки. Интегрируя синтез речи в ваши проекты, вы можете создавать увлекательные и доступные пользовательские интерфейсы. Независимо от того, являетесь ли вы фронтенд-разработчиком или разработчиком программного обеспечения, изучение возможностей Web Speech API улучшит ваш набор навыков и позволит создавать динамичные приложения. Так почему бы не попробовать и не оживить ваши веб-страницы с помощью преобразования текста в речь.

Получите доступ к любимым голосам Speechify через API быстро, масштабируемо и удобно для разработчиков

Получить доступ к API
api access banner

Поделиться статьей

Cliff Weitzman

Клифф Вайцман

Генеральный директор/Основатель Speechify

Клифф Вайцман — защитник прав людей с дислексией, генеральный директор и основатель Speechify, ведущего приложения для преобразования текста в речь в мире, с более чем 100 000 отзывов на 5 звёзд и первым местом в App Store в категории «Новости и журналы». В 2017 году Вайцман был включён в список Forbes «30 до 30» за его вклад в повышение доступности интернета для людей с нарушениями обучения. Клифф Вайцман был упомянут в таких изданиях, как EdSurge, Inc., PC Mag, Entrepreneur, Mashable и других ведущих СМИ.

speechify logo

О Speechify

#1 Читатель текста в речь

Speechify — ведущая в мире платформа преобразования текста в речь, которой доверяют более 50 миллионов пользователей и которая получила более 500 000 пятизвездочных отзывов на своих приложениях для iOS, Android, Chrome Extension, веб-приложения и настольные приложения для Mac. В 2025 году Apple присудила Speechify престижную Apple Design Award на WWDC, назвав её «важным ресурсом, который помогает людям жить». Speechify предлагает более 1000 естественно звучащих голосов на более чем 60 языках и используется почти в 200 странах. Среди знаменитых голосов — Snoop Dogg, Mr. Beast и Gwyneth Paltrow. Для создателей и бизнеса Speechify Studio предоставляет продвинутые инструменты, включая генератор голосов на базе ИИ, клонирование голосов на базе ИИ, дублирование на базе ИИ и изменение голоса на базе ИИ. Speechify также поддерживает ведущие продукты с помощью своего высококачественного и экономичного API для преобразования текста в речь. Упоминается в The Wall Street Journal, CNBC, Forbes, TechCrunch и других крупных новостных изданиях, Speechify является крупнейшим поставщиком услуг преобразования текста в речь в мире. Посетите speechify.com/news, speechify.com/blog и speechify.com/press, чтобы узнать больше.