Teksto į kalbą (TTS) API naudojimas su JavaScript gali gerokai pagerinti tinklalapių naudotojų patirtį. Web Speech API, palaikoma šiuolaikinių naršyklių, tokių kaip Chrome ir Firefox, siūlo galingus kalbos sintezės ir atpažinimo įrankius. Šioje pamokoje sužinosite, kaip integruoti TTS API į savo JavaScript kodą, konvertuoti tekstą į kalbą, koreguoti nustatymus ir naudotis prieinamais balsais.
Pradžia: JavaScript ir teksto į kalbą funkcija
Pravers bazinės HTML, CSS ir JavaScript žinios. Sukurkite HTML failą ir susiekite jį su JavaScript failu naudodami script src žymą. JavaScript faile inicializuokite kalbos sintezės objektą ir pridėkite įvykio klausytuvą, kuris laukia, kol bus paruošti balsai. const synth = window.speechSynthesis; // Laukia, kol bus įkeltos kalbos synth.onvoiceschanged = () => { const voices = synth.getVoices(); // Galite naudoti galimus balsus }; Kai balsai įkeliami, juos gausite su synth.getVoices() metodu, kuris grąžina prieinamų balsų sąrašą. Balsus galite peržvelgti forEach metodu ir parodyti HTML faile. 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); }); Kitas žingsnis – sukurti kalbos sintezės funkciją, naudojant pasirinktą balsą. Ji ims teksto įvestį iš textarea ir naudos pasirinktą balsą garsui sugeneruoti. 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); }; Pridėkite mygtuko arba formos įvykio klausytuvą funkcijai paleisti. const button = document.getElementById('speak-button'); button.addEventListener('click', speak); Su šia kodo dalimi tekstą paversite garsu realiuoju laiku. Kalbos greitį, toną ir garsumą galite keisti nustatydami SpeechSynthesisUtterance objekto savybes: utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; Naršydami Web Speech API atrasite papildomų funkcijų kalbos atpažinimui ir sintezės įvykių valdymui. Dėl visų niuansų vadovaukitės oficialia dokumentacija.
Lengvai integruokite su Speechify
Naudojant teksto į kalbą API su JavaScript, Speechify išsiskiria kaip puikus pasirinkimas. Dėl sklandžios integracijos su Web Speech API, Speechify leidžia itin paprastai akimirksniu paversti tekstą garsu. Išsami dokumentacija ir patogios pamokos pateikia aiškius žingsnius, todėl sistema tinka tiek pradedantiesiems, tiek patyrusiems programuotojams. Su Speechify gaunate plačią balsų įvairovę ir galite lengvai derinti kalbos nustatymus, pvz., tempą ar toną. Nesvarbu, ar esate front-end, ar programinės įrangos kūrėjas – Speechify puikiai tinka tobulinti tinklalapius ir kurti įtraukiančias naudotojų patirtis. Apibendrinant, teksto į kalbą API naudojimas su JavaScript atveria daug galimybių tinklalapių kūrimui. Integravę kalbos sintezę, pagerinsite patirtį ir prieinamumą. Įvaldykite Web Speech API ir kurkite dinamiškas aplikacijas – išbandykite ir prikelkite savo tinklalapius „gyventi“ su teksto į kalbą galimybėmis.
