ტექსტის კითხვა ჩინურ ენაზე

ჩემს თავს დავალება დამეკისრა ტექსტის ხმოვანი მოქმედების დაწერა ჩინურად.ეს საკმაოდ მარტივი საქმეა, თუ უკვე გაქვთ გამოცდილება, მაგრამ როცა ამის გაკეთებას ნულიდან დაიწყებთ, იმდენ პრობლემას შეაგროვებთ, რომ სურვილი შეიძლება გაცილებით ადრე გაქრეს.JavaScript არის ძალიან ფუნქციონალური ენა, როგორც ჩანს, მას აქვს ყველაფერი, რაც თქვენს გულს სურს.

მოდით გადავხედოთ საბოლოო ვერსიას, რომელიც შეგიძლიათ ჩასვათ DevTools-ში და შეამოწმოთ იგი.

var utterance = new SpeechSynthesisUtterance('菜');
var voices = window.speechSynthesis.getVoices();
utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];
window.speechSynthesis.speak(utterance);

zh-CN - ასე არის მითითებული ჩინური ენა ბრაუზერის ნაწლავებში.ჩვენს პროგრამაში ჩვენ ვეძებთ ბრაუზერში ჩინური ენის ხმას და ვცდილობთ ჩვენი ფრაზის რეპროდუცირებას.ის პრაქტიკულად არაფრით განსხვავდება სხვა ენის გახმოვანებისგან.მაგრამ აქ არის რამდენიმე ნიუანსი.ხელმისაწვდომი ენების მასივის გაფილტვრისას ჩვენ ვხვდებით 2 ჩინურ zh-CN ხმას.ნული იქნება ქალის ხმა, პირველი კი მამაკაცის ხმა.

ქალი

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[0];

მამრობითი

utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[1];

გარდა ამისა, ხმის მოქმედება განსხვავდება ბრაუზერის მიხედვით და მოწყობილობიდან მოწყობილობამდე.Chrome ბრაუზერს აქვს თავისი ხმები, Edge ბრაუზერს აქვს სრულიად განსხვავებული, სხვათა შორის უფრო სასიამოვნო, ხოლო Opera ბრაუზერს საერთოდ არ აქვს ხმები, ამიტომ არ იქნება ხმოვანი მოქმედება.

ეს კოდი შეიძლება ჩამოკიდოთ ღილაკზე და გაახმოვანოთ რაიმე თქვენი.

function say(voiceId){
    let text = document.getElementById("pole").innerHTML
    console.log (text)
    var utterance = new SpeechSynthesisUtterance(text);
    var voices = window.speechSynthesis.getVoices();
    utterance.voice = voices.filter(function(voice) { return voice.lang == 'zh-CN'; })[voiceId];
    window.speechSynthesis.speak(utterance);
}

და ღილაკის კოდი:

<button onclick="say(1)">👨🔉</button>

ხმის მოქმედების სხვა პრობლემა არ არის.დიახ, როგორ მუშაობს ეს ყველაფერი სმარტფონებზე.დიახ, შესანიშნავია, განსაკუთრებით მობილური Edge ბრაუზერში.სხვათა შორის, ამ ტექნოლოგიის საფუძველზე, ვცდილობ გავაკეთო მიკროსერვისი ჩინური ენის შესასწავლად, აი ეს არის: