1. Etusivu
  2. API
  3. Tekstistä puheeksi API:en käyttö JavaScriptin kanssa
API

Tekstistä puheeksi API:en käyttö JavaScriptin kanssa

Cliff Weitzman

Cliff Weitzman

Speechifyn toimitusjohtaja ja perustaja

Speechify API tarjoaa 300ms 
viiveen, ihmisen laatuiset äänet, 
ja yli 50 kieltä

2025 Apple Design -palkinto
50M+ käyttäjää
Kuuntele tämä artikkeli Speechifyllä!
speechify logo

Tekstistä puheeksi (TTS) API:n käyttö JavaScriptin kanssa voi merkittävästi parantaa verkkosovellusten käyttäjäkokemusta. Web Speech API, jota tukevat nykyaikaiset selaimet kuten Chrome ja Firefox, tarjoaa tehokkaan työkalupaketin puhesynteesiin ja -tunnistukseen. Tässä oppaassa tutkimme, kuinka integroida TTS API JavaScript-koodiisi, muuntaa teksti puheeksi, mukauttaa puheasetuksia ja hyödyntää käytettävissä olevia ääniä.

Aloittaminen JavaScriptin ja tekstistä puheeksi -toiminnon kanssa

Aloittaaksesi tarvitset perustiedot HTML:stä, CSS:stä ja JavaScriptistä. Aloita luomalla HTML-tiedosto ja linkittämällä JavaScript-tiedostosi script src -tagin avulla. JavaScript-tiedostossasi alusta puhesynteesin objekti ja aseta tapahtumakuuntelija, kun äänet ovat valmiita. const synth = window.speechSynthesis; // Odota, että äänet latautuvat synth.onvoiceschanged = () => { const voices = synth.getVoices(); // Tee jotain käytettävissä olevilla äänillä }; Kun äänet on ladattu, voit käyttää niitä synth.getVoices() -metodilla. Tämä palauttaa listan käytettävissä olevista äänistä, joita voit käyttää puhesynteesiin. Voit käydä äänet läpi forEach-silmukalla ja näyttää ne HTML:ssäsi. 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); }); Seuraavaksi voit luoda funktion, joka synnyttää puheen valitusta äänestä. Tämä funktio ottaa tekstin syötteenä textarea-elementistä ja käyttää valittua ääntä puheen tuottamiseen. 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); }; Lisää tapahtumakuuntelija painikkeeseen tai lomakkeen lähetykseen, jotta speak-funktio käynnistyy. const button = document.getElementById('speak-button'); button.addEventListener('click', speak); Näillä muutamalla koodirivillä voit muuntaa tekstin puheeksi reaaliajassa. Mukauta puhenopeutta, sävelkorkeutta ja äänenvoimakkuutta asettamalla ominaisuuksia SpeechSynthesisUtterance-objektiin. utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; Kun jatkat Web Speech API:n tutkimista, löydät lisäominaisuuksia puhetunnistukseen ja puhesynteesitapahtumien hallintaan. Muista tutustua viralliseen dokumentaatioon saadaksesi lisätietoja ja viittauksia.

Integroi saumattomasti Speechifyn kanssa

Kun kyseessä on tekstistä puheeksi API:n käyttö JavaScriptin kanssa, Speechify erottuu parhaana valintana. Sen saumaton integrointi Web Speech API:n kanssa tekee tekstin muuntamisesta puheeksi reaaliajassa uskomattoman helppoa. Sen kattava dokumentaatio ja käyttäjäystävälliset oppaat tarjoavat vaiheittaiset ohjeet, mikä tekee siitä ihanteellisen sekä aloitteleville että kokeneille kehittäjille verkkokehityksessä. Speechifyn avulla sinulla on pääsy laajaan valikoimaan käytettävissä olevia ääniä ja voit mukauttaa puheasetuksia, kuten puhenopeutta ja sävelkorkeutta. Olitpa sitten front-end-kehittäjä tai ohjelmistokehittäjä, Speechify on täydellinen työkalu parantamaan verkkosovelluksiasi ja luomaan mukaansatempaavia käyttäjäkokemuksia. Yhteenvetona, tekstistä puheeksi API:n käyttö JavaScriptin kanssa avaa mahdollisuuksien maailman verkkokehityksessä. Integroimalla puhesynteesin projekteihisi voit luoda mukaansatempaavia ja saavutettavia käyttäjäkokemuksia. Olitpa sitten front-end-kehittäjä tai ohjelmistokehittäjä, Web Speech API:n hyödyntämisen oppiminen parantaa taitojasi ja mahdollistaa dynaamisten sovellusten rakentamisen. Miksi et kokeilisi ja herättäisi verkkosivujasi eloon tekstistä puheeksi -toiminnon voimalla.

Käytä Speechifyn suosittuja ääniä API:n kautta nopeasti, skaalautuvasti ja kehittäjäystävällisesti

Hanki API-käyttöoikeus
api access banner

Jaa tämä artikkeli

Cliff Weitzman

Cliff Weitzman

Speechifyn toimitusjohtaja ja perustaja

Cliff Weitzman on lukihäiriön puolestapuhuja sekä Speechifyn toimitusjohtaja ja perustaja. Speechify on maailman johtava tekstistä puheeksi -sovellus, jolla on yli 100 000 viiden tähden arvostelua ja joka on App Storen ykkönen Uutiset & Lehdet -kategoriassa. Vuonna 2017 Weitzman valittiin Forbesin 30 alle 30 -listalle työstään, jolla hän teki internetistä saavutettavamman oppimisvaikeuksista kärsiville. Cliff Weitzman on ollut esillä muun muassa EdSurge-, Inc.-, PC Mag-, Entrepreneur- ja Mashable-julkaisuissa.

speechify logo

Tietoa Speechifystä

#1 Tekstistä puheeksi -lukija

Speechify on maailman johtava tekstistä puheeksi -alusta, johon luottaa yli 50 miljoonaa käyttäjää ja jolla on yli 500 000 viiden tähden arvostelua eri tekstistä puheeksi iOS, Android, Chrome-laajennus, verkkosovellus ja Mac-työpöytäsovellus. Vuonna 2025 Apple myönsi Speechifylle arvostetun Apple Design Award -palkinnon WWDC:ssä, kutsuen sitä “elintärkeäksi resurssiksi, joka auttaa ihmisiä elämään elämäänsä.” Speechify tarjoaa yli 1 000 luonnollisen kuuloista ääntä yli 60 kielellä ja sitä käytetään lähes 200 maassa. Julkkisäänet sisältävät Snoop Doggin, Mr. Beastin ja Gwyneth Paltrow'n. Luoville tekijöille ja yrityksille Speechify Studio tarjoaa edistyneitä työkaluja, kuten AI-äänigeneraattorin, AI-äänen kloonauksen, AI-dubbauksen ja sen AI-äänimuuntimen. Speechify myös tukee johtavia tuotteita korkealaatuisella ja kustannustehokkaalla tekstistä puheeksi API:lla. Esillä The Wall Street Journal, CNBC, Forbes, TechCrunch ja muissa suurissa uutislähteissä, Speechify on maailman suurin tekstistä puheeksi -palveluntarjoaja. Vieraile speechify.com/news, speechify.com/blog ja speechify.com/press saadaksesi lisätietoja.