ტექსტის ხმაზე ამოკითხვის (TTS) API-ს გამოყენება JavaScript-თან ერთად მნიშვნელოვნად აუმჯობესებს ვებ-აპლიკაციების მომხმარებლის გამოცდილებას. Web Speech API, რომელსაც მხარს უჭერენ თანამედროვე ბრაუზერები, როგორც Chrome და Firefox, იძლევა სიტყვის სინთეზისა და ამოცნობის მძლავრ ინსტრუმენტებს. ამ სახელმძღვანელოში ვნახავთ, როგორ ჩასვათ TTS API თქვენს JavaScript კოდში, გადააქციოთ ტექსტი ხმად, მოარგოთ პარამეტრები და გამოიყენოთ არსებული ხმები.
JavaScript და ტექსტის ხმაზე ამოკითხვის საწყისი ნაბიჯები
დასაწყებად საჭიროა HTML, CSS და JavaScript-ის საბაზისო ცოდნა. შექმენით HTML ფაილი და დაუკავშირეთ JavaScript ფაილი script src ტეგით. თქვენს JS ფაილში დააინიციალირეთ speech synthesis ობიექტი და დაამატეთ მოვლენების მსმენელი ხმების ჩატვირთვაზე. 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); რამდენიმე ხაზის კოდით შეძლებთ ტექსტის რეალურ დროში ამოკითხვას. შეგიძლიათ დააყენოთ rate, pitch და volume — utterance.rate = 0.8; utterance.pitch = 1; utterance.volume = 1; აუცილებლად გაეცანით Web Speech API-ის დამატებით შესაძლებლობებს ამოცნობისა და სხვადასხვა მოვლენის კონტროლისთვის. მეტი ინფორმაციისთვის იხილეთ ოფიციალური დოკუმენტაცია.
მარტივი ინტეგრაცია Speechify-თან
თუ გსურთ JavaScript-ით ტექსტის ხმაზე ამოკითხვის API-ს გამოყენება, Speechify შესანიშნავი არჩევანია. ის მარტივად ერთიანდება Web Speech API-თან და ტექსტის ხმად გარდაქმნა სწრაფად და მარტივად ხდება. დეტალური დოკუმენტაცია და სახელმძღვანელოები ადვილია როგორც დამწყებთათვის, ისე გამოცდილებისთვის. Speechify-სთან შეგიძლიათ გამოიყენოთ მრავალფეროვანი ხმები და მოარგოთ პარამეტრები — სისწრაფე, ტემბრი და სხვა. იქნებით თუ არა frontend დეველოპერი ან პროგრამისტი, Speechify აგიმაღლებთ ვებ-აპლიკაციების დონეს. ტექსტის ხმაზე ამოკითხვის API-ს გამოყენება JavaScript-თან მოგცემთ საშუალებას, შექმნათ უფრო ინტერაქტიული და ხელმისაწვდომი ვებ-გვერდები. თუ გსურთ თქვენი გამოცდილების გაუმჯობესება და საინტერესო პროექტების შექმნა, სცადეთ Web Speech API და გააცოცხლეთ თქვენი ვებგვერდი TTS-ით.
