Javascript Web语音API：在iOS safari上始终获得受支持的语音合成语音

我正在尝试获取iOS Safari上支持的语音合成语音列表

根据API，我应该能够通过调用以下命令获得一组语音：

window.speechSynthesis.getVoices();

有时这会给我一张声音列表，但有时不会。请参阅以下JSFIDLE：

如果我在iPhone5（iOS 8.1.3）上打开它，我不会得到一致的结果。有时我会返回全部37个声音，而其他时候我会返回0个声音。如果继续刷新，它会偶尔显示37或0

我知道，在Chrome中，您可以将事件侦听器添加到

window.speechSynthesis.voiceschanged 

事件以了解语音何时加载，但Safari不支持此事件

我尝试过的一个技巧是定期检查：

var timer = setInterval(function () {
    window.voices_ = window.speechSynthesis.getVoices();
    if (window.voices_.length > 0) {
        clearInterval(timer);
    }
}, 1000);

这也没有给我一致的结果

---

你知道我如何在iOS Safari上可靠且一致地获得受支持的语音合成语音吗？

我也遇到了这个问题，并将其作为一个bug报告给了苹果。到今天为止，错误报告仍然是开放的

我最后做的工作是硬编码一个由37种声音组成的数组。如果

speechSynthesis.getVoices（）

返回空数组，则使用硬编码数组

var _voices = [];

// iOS 8
var _iOSvoices = [
    {name: "pt-BR", voiceURI: "pt-BR", lang: "pt-BR", localService: true, default: true},
    {name: "fr-CA", voiceURI: "fr-CA", lang: "fr-CA", localService: true, default: true},
    {name: "sk-SK", voiceURI: "sk-SK", lang: "sk-SK", localService: true, default: true},
    {name: "th-TH", voiceURI: "th-TH", lang: "th-TH", localService: true, default: true},
    {name: "ro-RO", voiceURI: "ro-RO", lang: "ro-RO", localService: true, default: true},
    {name: "no-NO", voiceURI: "no-NO", lang: "no-NO", localService: true, default: true},
    {name: "fi-FI", voiceURI: "fi-FI", lang: "fi-FI", localService: true, default: true},
    {name: "pl-PL", voiceURI: "pl-PL", lang: "pl-PL", localService: true, default: true},
    {name: "de-DE", voiceURI: "de-DE", lang: "de-DE", localService: true, default: true},
    {name: "nl-NL", voiceURI: "nl-NL", lang: "nl-NL", localService: true, default: true},
    {name: "id-ID", voiceURI: "id-ID", lang: "id-ID", localService: true, default: true},
    {name: "tr-TR", voiceURI: "tr-TR", lang: "tr-TR", localService: true, default: true},
    {name: "it-IT", voiceURI: "it-IT", lang: "it-IT", localService: true, default: true},
    {name: "pt-PT", voiceURI: "pt-PT", lang: "pt-PT", localService: true, default: true},
    {name: "fr-FR", voiceURI: "fr-FR", lang: "fr-FR", localService: true, default: true},
    {name: "ru-RU", voiceURI: "ru-RU", lang: "ru-RU", localService: true, default: true},
    {name: "es-MX", voiceURI: "es-MX", lang: "es-MX", localService: true, default: true},
    {name: "zh-HK", voiceURI: "zh-HK", lang: "zh-HK", localService: true, default: true},
    {name: "sv-SE", voiceURI: "sv-SE", lang: "sv-SE", localService: true, default: true},
    {name: "hu-HU", voiceURI: "hu-HU", lang: "hu-HU", localService: true, default: true},
    {name: "zh-TW", voiceURI: "zh-TW", lang: "zh-TW", localService: true, default: true},
    {name: "es-ES", voiceURI: "es-ES", lang: "es-ES", localService: true, default: true},
    {name: "zh-CN", voiceURI: "zh-CN", lang: "zh-CN", localService: true, default: true},
    {name: "nl-BE", voiceURI: "nl-BE", lang: "nl-BE", localService: true, default: true},
    {name: "en-GB", voiceURI: "en-GB", lang: "en-GB", localService: true, default: true},
    {name: "ar-SA", voiceURI: "ar-SA", lang: "ar-SA", localService: true, default: true},
    {name: "ko-KR", voiceURI: "ko-KR", lang: "ko-KR", localService: true, default: true},
    {name: "cs-CZ", voiceURI: "cs-CZ", lang: "cs-CZ", localService: true, default: true},
    {name: "en-ZA", voiceURI: "en-ZA", lang: "en-ZA", localService: true, default: true},
    {name: "en-AU", voiceURI: "en-AU", lang: "en-AU", localService: true, default: true},
    {name: "da-DK", voiceURI: "da-DK", lang: "da-DK", localService: true, default: true},
    {name: "en-US", voiceURI: "en-US", lang: "en-US", localService: true, default: true},
    {name: "en-IE", voiceURI: "en-IE", lang: "en-IE", localService: true, default: true},
    {name: "he-IL", voiceURI: "he-IL", lang: "he-IL", localService: true, default: true},
    {name: "hi-IN", voiceURI: "hi-IN", lang: "hi-IN", localService: true, default: true},
    {name: "el-GR", voiceURI: "el-GR", lang: "el-GR", localService: true, default: true},
    {name: "ja-JP", voiceURI: "ja-JP", lang: "ja-JP", localService: true, default: true}
];

function populateVoices() {
    // wait first
    var watch = setTimeout(function() {
        _voices = speechSynthesis.getVoices();

        if (_voices.length === 0) {
            // use hard-coded list because speechSynthesis.getVoices() didn't work
            _voices = _iOSvoices;
        }

        clearTimeout(watch);
    }, 100);
}

更新

如果去掉延迟，iOS 9在这方面会更好一些

function _populateVoices() {
    _voices = speechSynthesis.getVoices();

    if (_voices.length === 0) {
        // use hard-coded list because speechSynthesis.getVoices() didn't work
        _voices = _iOS9voices;
    }
}

var _iOS9voices = [
  { name: "Maged", voiceURI: "com.apple.ttsbundle.Maged-compact", lang: "ar-SA", localService: true, "default": true },
  { name: "Zuzana", voiceURI: "com.apple.ttsbundle.Zuzana-compact", lang: "cs-CZ", localService: true, "default": true },
  { name: "Sara", voiceURI: "com.apple.ttsbundle.Sara-compact", lang: "da-DK", localService: true, "default": true },
  { name: "Anna", voiceURI: "com.apple.ttsbundle.Anna-compact", lang: "de-DE", localService: true, "default": true },
  { name: "Melina", voiceURI: "com.apple.ttsbundle.Melina-compact", lang: "el-GR", localService: true, "default": true },
  { name: "Karen", voiceURI: "com.apple.ttsbundle.Karen-compact", lang: "en-AU", localService: true, "default": true },
  { name: "Daniel", voiceURI: "com.apple.ttsbundle.Daniel-compact", lang: "en-GB", localService: true, "default": true },
  { name: "Moira", voiceURI: "com.apple.ttsbundle.Moira-compact", lang: "en-IE", localService: true, "default": true },
  { name: "Samantha (Enhanced)", voiceURI: "com.apple.ttsbundle.Samantha-premium", lang: "en-US", localService: true, "default": true },
  { name: "Samantha", voiceURI: "com.apple.ttsbundle.Samantha-compact", lang: "en-US", localService: true, "default": true },
  { name: "Tessa", voiceURI: "com.apple.ttsbundle.Tessa-compact", lang: "en-ZA", localService: true, "default": true },
  { name: "Monica", voiceURI: "com.apple.ttsbundle.Monica-compact", lang: "es-ES", localService: true, "default": true },
  { name: "Paulina", voiceURI: "com.apple.ttsbundle.Paulina-compact", lang: "es-MX", localService: true, "default": true },
  { name: "Satu", voiceURI: "com.apple.ttsbundle.Satu-compact", lang: "fi-FI", localService: true, "default": true },
  { name: "Amelie", voiceURI: "com.apple.ttsbundle.Amelie-compact", lang: "fr-CA", localService: true, "default": true },
  { name: "Thomas", voiceURI: "com.apple.ttsbundle.Thomas-compact", lang: "fr-FR", localService: true, "default": true },
  { name: "Carmit", voiceURI: "com.apple.ttsbundle.Carmit-compact", lang: "he-IL", localService: true, "default": true },
  { name: "Lekha", voiceURI: "com.apple.ttsbundle.Lekha-compact", lang: "hi-IN", localService: true, "default": true },
  { name: "Mariska", voiceURI: "com.apple.ttsbundle.Mariska-compact", lang: "hu-HU", localService: true, "default": true },
  { name: "Damayanti", voiceURI: "com.apple.ttsbundle.Damayanti-compact", lang: "id-ID", localService: true, "default": true },
  { name: "Alice", voiceURI: "com.apple.ttsbundle.Alice-compact", lang: "it-IT", localService: true, "default": true },
  { name: "Kyoko", voiceURI: "com.apple.ttsbundle.Kyoko-compact", lang: "ja-JP", localService: true, "default": true },
  { name: "Yuna", voiceURI: "com.apple.ttsbundle.Yuna-compact", lang: "ko-KR", localService: true, "default": true },
  { name: "Ellen", voiceURI: "com.apple.ttsbundle.Ellen-compact", lang: "nl-BE", localService: true, "default": true },
  { name: "Xander", voiceURI: "com.apple.ttsbundle.Xander-compact", lang: "nl-NL", localService: true, "default": true },
  { name: "Nora", voiceURI: "com.apple.ttsbundle.Nora-compact", lang: "no-NO", localService: true, "default": true },
  { name: "Zosia", voiceURI: "com.apple.ttsbundle.Zosia-compact", lang: "pl-PL", localService: true, "default": true },
  { name: "Luciana", voiceURI: "com.apple.ttsbundle.Luciana-compact", lang: "pt-BR", localService: true, "default": true },
  { name: "Joana", voiceURI: "com.apple.ttsbundle.Joana-compact", lang: "pt-PT", localService: true, "default": true },
  { name: "Ioana", voiceURI: "com.apple.ttsbundle.Ioana-compact", lang: "ro-RO", localService: true, "default": true },
  { name: "Milena", voiceURI: "com.apple.ttsbundle.Milena-compact", lang: "ru-RU", localService: true, "default": true },
  { name: "Laura", voiceURI: "com.apple.ttsbundle.Laura-compact", lang: "sk-SK", localService: true, "default": true },
  { name: "Alva", voiceURI: "com.apple.ttsbundle.Alva-compact", lang: "sv-SE", localService: true, "default": true },
  { name: "Kanya", voiceURI: "com.apple.ttsbundle.Kanya-compact", lang: "th-TH", localService: true, "default": true },
  { name: "Yelda", voiceURI: "com.apple.ttsbundle.Yelda-compact", lang: "tr-TR", localService: true, "default": true },
  { name: "Ting-Ting", voiceURI: "com.apple.ttsbundle.Ting-Ting-compact", lang: "zh-CN", localService: true, "default": true },
  { name: "Sin-Ji", voiceURI: "com.apple.ttsbundle.Sin-Ji-compact", lang: "zh-HK", localService: true, "default": true },
  { name: "Mei-Jia", voiceURI: "com.apple.ttsbundle.Mei-Jia-compact", lang: "zh-TW", localService: true, "default": true }
];

---

我为我的桌面、Android和iOS站点实现了JS功能

据我所知，对于移动设备，语音由通用电话设置调节，因此用户需要进入TTS设置，为指定语言选择首选语音，并可能下载好的语音。例如，iOS Alex voice接近800mb，可以脱机工作。 您可以在供应商网站上找到特定Android或iOS版本的支持语言列表

因此，最后我们有：

首先，我们需要有功能来检查它是否移动：

//

第二个，初始化部分，一段角度代码，您可以在项目中更改，因此我有SpeechSynthesisService（$log、$q、$cookies、$timeout、commonService）和以下代码：

    var languagesEnglish = {
        'en-US' : {desc: 'English (United States)', voices: []},
        'en-GB' : {desc: 'English (United Kingdom)', voices: []}
    };
    // 'ru_RU' android codes
    var languagesRussian = {
        'ru-RU' : {desc: 'Russian', voices: []}
    };

    var speakerEng = {lang: 'en-US', desc: 'English (United States)', voice: null};
    var speakerRu = {lang: 'ru-RU', desc: 'Russian', voice: null};
    var englishSpeakers = [];

    if ('speechSynthesis' in window) {
        if (window.mobilecheck()) {
            englishSpeakers = prepareEnglishSpeakers();
            initVoicesJob.resolve();
        }

        window.speechSynthesis.onvoiceschanged = function() {
            if (initVoicesJob.promise.$$state.status) return;
            $log.debug(currentTime() + " InitVoice: onvoiceschanged");
            desktopInitializeVoices();
            englishSpeakers = prepareEnglishSpeakers();
            initVoicesJob.resolve();
        };
    }

所以在应用程序中，我有活动Speakerng和活动speakerRu，对于移动版本，语音阵列是空的

第三个，当我想在应用程序中说出任何文本时，我调用以下函数：

    function sayAnyText(speaker, voiceVolume, text) {
        if (isNotSupportSpeechSynthesis()) {
            var tJob = $q.defer();
            $timeout(function() {
                tJob.resolve();
            });
            return tJob.promise;
        }

        var phrases = [];
        if (text.constructor === Array) {
            for (var ti = 0, tn = text.length; ti<tn; ti++) {
                var iPhrases = splitToPhrase(text[ti]);
                // concat arrays, fast method: https://stackoverflow.com/questions/4156101/javascript-push-array-values-into-another-array
                for (var pi = 0, pn = iPhrases.length; pi<pn; pi++) {
                    phrases.push(iPhrases[pi]);
                }
            }
        } else {
            phrases = splitToPhrase(text);
        }

        speechSynthesis.cancel();
        stopSpeechJob();
        startSpeechJob();

        for (var i = 0, n = phrases.length; i < n; i++) {
            var msg = new SpeechSynthesisUtterance();
            msg.lang = speaker.lang;
            if (speaker.voice) msg.voice = speaker.voice;
            msg.rate = 1;
            msg.volume = voiceVolume;
            msg.text = phrases[i];

            if (i + 1 == n) {
                msg.onend = function(event) {
                    $log.debug(currentTime() + "Speech ends: ", event.currentTarget.text, event);
                    stopSpeechJob();
                };
                msg.onerror = function(event) {
                    $log.error(currentTime() + "Speech ends with error: ", event.currentTarget.text, event);
                    stopSpeechJob();
                };
            } else {
                msg.onend = function(event) {
                    $log.debug(currentTime() + "Speech ends: ", event.currentTarget.text, event);
                };
                msg.onerror = function(event) {
                    $log.error(currentTime() + "Speech ends with error: ", event.currentTarget.text, event);
                };
            }

            speechSynthesis.speak(msg);
        }

        return getSpeechJob();
    }

我们总是设定一种语言 2.对于桌面版本，扬声器有声音，对于移动版本，扬声器没有声音

p、 美国。 我对它进行了测试，它适用于iOS9（iPhone 6）、Android 5.0.1（三星Galaxy 4）和桌面Chrome 48.0。

---

如果您有任何问题或需要更多代码，请随时询问。

谢谢Sarah，您是否有此错误报告的链接？此外，即使您硬编码了一个数组，在设置语音合成器将使用的语音时，这是否有用？e、 g.

SpeechSynthesisUtterance.voice=voices[x]

。您必须指定一个

SpeechSynthesisVoice

对象，而不仅仅是一个字符串。我想我要问的是：你的硬编码数组是什么样子的？@KenAdams报告是#19770992，不幸的是它不是公开的。我在上面添加了代码。数组是Javascript对象，就像从

speechSynthesis.getVoices（）

返回的一样。“用户需要转到TTS设置”不清楚，没有TTS设置。

    function sayAnyText(speaker, voiceVolume, text) {
        if (isNotSupportSpeechSynthesis()) {
            var tJob = $q.defer();
            $timeout(function() {
                tJob.resolve();
            });
            return tJob.promise;
        }

        var phrases = [];
        if (text.constructor === Array) {
            for (var ti = 0, tn = text.length; ti<tn; ti++) {
                var iPhrases = splitToPhrase(text[ti]);
                // concat arrays, fast method: https://stackoverflow.com/questions/4156101/javascript-push-array-values-into-another-array
                for (var pi = 0, pn = iPhrases.length; pi<pn; pi++) {
                    phrases.push(iPhrases[pi]);
                }
            }
        } else {
            phrases = splitToPhrase(text);
        }

        speechSynthesis.cancel();
        stopSpeechJob();
        startSpeechJob();

        for (var i = 0, n = phrases.length; i < n; i++) {
            var msg = new SpeechSynthesisUtterance();
            msg.lang = speaker.lang;
            if (speaker.voice) msg.voice = speaker.voice;
            msg.rate = 1;
            msg.volume = voiceVolume;
            msg.text = phrases[i];

            if (i + 1 == n) {
                msg.onend = function(event) {
                    $log.debug(currentTime() + "Speech ends: ", event.currentTarget.text, event);
                    stopSpeechJob();
                };
                msg.onerror = function(event) {
                    $log.error(currentTime() + "Speech ends with error: ", event.currentTarget.text, event);
                    stopSpeechJob();
                };
            } else {
                msg.onend = function(event) {
                    $log.debug(currentTime() + "Speech ends: ", event.currentTarget.text, event);
                };
                msg.onerror = function(event) {
                    $log.error(currentTime() + "Speech ends with error: ", event.currentTarget.text, event);
                };
            }

            speechSynthesis.speak(msg);
        }

        return getSpeechJob();
    }

msg.lang = speaker.lang;
if (speaker.voice) msg.voice = speaker.voice;