Uporaba API-ja za pretvorbo besedila v govor (TTS) z JavaScriptom lahko močno izboljša uporabniško izkušnjo na spletu. Web Speech API, ki ga podpirajo sodobni brskalniki, kot sta Chrome in Firefox, omogoča sintezo in prepoznavanje govora. V tem vodniku boste izvedeli, kako vključiti TTS API v JavaScript kodo, pretvoriti besedilo v govor, nastaviti parametre govora ter izkoristiti razpoložljive glasove.
Začetek z JavaScriptom in TTS
Za začetek potrebujete osnovno znanje HTML, CSS in JavaScripta. Ustvarite HTML datoteko in povežite JavaScript prek oznake script src. V JS inicializirajte objekt speechSynthesis ter nastavite event listener za pripravljenost glasov. const synth = window.speechSynthesis; // Počakaj na nalaganje glasov synth.onvoiceschanged = () => { const voices = synth.getVoices(); // Nadaljuj z glasovi }; Ko so glasovi naloženi, jih pridobite s synth.getVoices(). Dobite seznam razpoložljivih glasov, ki jih lahko uporabite za sintezo govora. S forEach jih lahko izpišete v 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); }); Nato lahko ustvarite funkcijo, ki pretvori vnešeno besedilo v govor izbranega glasu. 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); }; Dogodek na gumbu sproži funkcijo speak. const button = document.getElementById('speak-button'); button.addEventListener('click', speak); Z nekaj vrsticami kode pretvorite besedilo v govor v realnem času. Hitrost, višino in glasnost lahko prilagodite prek lastnosti objekta SpeechSynthesisUtterance. utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; Z raziskovanjem Web Speech API-ja odkrijete dodatne funkcije za prepoznavanje govora in upravljanje dogodkov sinteze. Za več podrobnosti in gradiv si oglejte uradno dokumentacijo.
Enostavna integracija s Speechify
Pri uporabi API-ja za pretvorbo besedila v govor z JavaScriptom še posebej izstopa Speechify. Zaradi enostavne povezave z Web Speech API vam omogoča hitro pretvorbo besedila v govor v realnem času. Jasna dokumentacija in razumljivi vodiči vas vodijo korak za korakom, zato je Speechify primeren tako za začetnike kot za izkušene razvijalce. Dostopate lahko do širokega nabora glasov ter prilagodite hitrost in višino govora. Kot front-end ali back-end razvijalec lahko s Speechify izboljšate spletne aplikacije in ustvarite boljšo uporabniško izkušnjo. Uporaba TTS API-ja z JavaScriptom odpira številne nove možnosti v spletnem razvoju. S sintezo govora naredite spletišča bolj dostopna in privlačna. Znanje uporabe Web Speech API-ja razširi vaše veščine in omogoči razvoj dinamičnih aplikacij. Preizkusite TTS in oživite svoje spletne strani z glasom.
