Tại sao giọng nói của API Tổng hợp giọng nói của tôi thay đổi khi chức năng chạy hơn 1 lần?

Question

Tôi đã sử dụng API tổng hợp giọng nói mới trong Chrome (33 trở lên) để tạo hỗ trợ giao tiếp dựa trên web. Tôi muốn người dùng có thể thay đổi giọng nói giữa nam và nữ, API cho phép tôi thực hiện. Tuy nhiên, khi trang được tải lần đầu tiên và lần đầu tiên chức năng được chạy (từ sự kiện onclick), nó sử dụng giọng nữ mặc định. Sau đó, bất cứ lúc nào nó được chạy sau đó, nó sử dụng giọng nam mà tôi đang cố gắng sử dụng. Làm thế nào tôi có thể làm cho giọng nam giới chạy lần đầu tiên?

Đây là nút mà các cuộc gọi javascript:

<button type="button" name="speakMe"id="speakMe" onclick="speakPhrase($('phraseBar').getValue());" ><img src="images/speakMe.png" /></button> 

Và đây là chức năng speakPhrase đang được gọi là:

function speakPhrase(phrase) { 
    if(phrase =="") 
    { 
     alert("Please enter a phrase before asking me to speak for you. Thank you!"); 
    } 
    else 
    { 
     var speech = new SpeechSynthesisUtterance(phrase); 
     var voices = window.speechSynthesis.getVoices(); 
     speech.voice = voices.filter(function(voice) { return voice.name == 'Google UK English Male'; })[0]; 
     window.speechSynthesis.speak(speech); 

    } 
} 

bất cứ ai có thể giúp đỡ?

Answer 1

Bằng một chút may mắn tôi được quản lý để giải quyết vấn đề này bằng cách thiết lập thuộc tính mặc định là false trước khi thiết lập giọng

function speakPhrase(phrase) { 
    if(phrase =="") 
    { 
     alert("Please enter a phrase before asking me to speak for you. Thank you!"); 
    } 
    else 
    { 
     var speech = new SpeechSynthesisUtterance(phrase); 
     var voices = window.speechSynthesis.getVoices(); 
     speech.default = false; 
     speech.voice = voices.filter(function(voice) { return voice.name == 'Google UK English Male'; })[0]; 
     speech.lang = 'en-GB'; //Also added as for some reason android devices used for testing loaded spanish language 
     window.speechSynthesis.speak(speech); 
    } 
} 

Answer 2

Dường như mảng tiếng nói là trống trên cuộc gọi đầu tiên. Từ những gì tôi đọc nó có một cái gì đó để làm với một cuộc gọi không đồng bộ để tải các giọng nói. Vì vậy, nó luôn luôn trống rỗng lần đầu tiên nó được gọi là. Đối với tôi, điều này đã làm điều kỳ diệu:

var speech_voices; 
if ('speechSynthesis' in window) { 
    speech_voices = window.speechSynthesis.getVoices(); 
    window.speechSynthesis.onvoiceschanged = function() { 
    speech_voices = window.speechSynthesis.getVoices(); 
    }; 
} 

Gọi từ đâu đó bên ngoài chức năng nói của bạn.

Answer 3

Tôi đã giải quyết được sự cố.

Nguyên nhân gốc: Khi bạn gọi API lần đầu tiên, giọng nói không tải vì một lý do nào đó. Và tải giọng nói mặc định lần đầu tiên.

SO tôi đã thêm bên dưới dòng mã tại tải trang hoặc bắt đầu hoặc trạng thái sẵn sàng mà thậm chí trước khi mã của tôi được gọi:

voices = window.speechSynthesis.getVoices(); 

Đó giải quyết vấn đề của tôi, hy vọng giúp những người khác.

Answer 4

Câu trả lời được cập nhật. Đây là công trình cho tôi.

$(window).load(function(){ voices = window.speechSynthesis.getVoices(); })