如何在 Bot Framework 网络聊天中使用 Azure 语音服务

Question

我正在使用 Bot Framework 网络聊天，并且我正确设置了一个前端供用户与我的机器人聊天。我正在尝试为其启用语音，我尝试按照此处的教程进行操作：https://docs.microsoft.com/en-us/azure/bot-service/bot-service-channel-connect-webchat-speech?view=azure-bot-service-3.0

我遇到的问题是我尝试使用 Azure 语音服务，我正确设置了我的服务，并设置了密钥。但我不确定从哪里获得 CognitiveServices？本教程没有指定从哪里获得它。

这是我的代码：

<div  id="bot"/>
<script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script>
<script>

    const speechOptionsRemote = {
        speechRecognizer: new CognitiveServices.SpeechRecognizer({ subscriptionKey: '...' }),
        speechSynthesizer: new CognitiveServices.SpeechSynthesizer({
            gender: CognitiveServices.SynthesisGender.Female,
            subscriptionKey: '...',
            voiceName: 'Microsoft Server Speech Text to Speech Voice (en-US, JessaRUS)'
        })
    };

    BotChat.App({
        directLine: { secret: '...' },
        user: { id: 'WebChat' },
        bot: { id: '...' },
        resize: 'detect',
        speechOptions: speechOptionsRemote,
        showUploadButton: false
    }, document.getElementById("bot"));
    var header = document.getElementsByClassName("wc-header");
    header[0].innerHTML = "<span ><p align='center' >My Bot</p></span>"
</script>

当我导航到该页面时，它抱怨没有找到 CogntiveService。我在哪里得到它？

Answer 1

您的代码示例使用的是 v3 的 Webchat，现已弃用，请参阅 here。 GitHub仓库上有一个BotFramework-WebChat v4，前几天更新了。

因此，当您在代码中下载 cdn.botframework.com/botframework-webchat/latest/botchat.js 时，v4: 解释了为什么找不到 CognitiveServices: 它已被重构。

要在 v4 中使用认知服务语音，请查看专用示例：https://github.com/Microsoft/BotFramework-WebChat/tree/master/samples/speech-cognitive-services-bing-speech