Интеграция веб-чата распознавания речи Microsoft Bot Framework - PullRequest
Новая
       7

Интеграция веб-чата распознавания речи Microsoft Bot Framework

0 голосов
/ 20 января 2020

У меня проблема с интеграцией распознавания речи в веб-чате. Это код, который я использую. Это такой же код, как здесь: https://github.com/microsoft/BotFramework-WebChat/blob/master/SPEECH.md#integrating -web-chat-into-your-page

Но я всегда получаю сообщение об ошибке: Uncaught SyntaxError: Неожиданный идентификатор в строке. ..

и строка ошибки: webSpeechPonyfillFactory: await createSpeechRecognitionOnlyPonyfillFactory({

Без распознавания речи все работает. У вас есть идея? 

const { createCognitiveServicesSpeechServicesPonyfillFactory, createDirectLine, renderWebChat } = window.WebChat;

const styleOptions = {
		botAvatarInitials: 'Bot',
		userAvatarInitials: 'You'
		};


         renderWebChat(
            {
               directLine: createDirectLine({
                  secret: 'FFFFFFFFFFFFFFFF'
               }),
			   
	     language: 'de-DE',
	     webSpeechPonyfillFactory: await createSpeechRecognitionOnlyPonyfillFactory({
	     region: 'westeurope',
	     subscriptionKey: 'FFFFFFFFFFFFFFFFFFFFFF'
	     }),
			   	      
	      styleOptions
  	     
            },
            document.getElementById('webchat')
	);
         
document.querySelector('#webchat > *').focus();

1 Ответ

0 голосов
/ 20 января 2020

Попробуйте это: 

 <!DOCTYPE html>
  <html lang="en-US">
    <head>
      <title>Web Chat: Cognitive Services Speech Services using JavaScript</title>
      <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
      <style>
        html, body { height: 100% }
        body { margin: 0 }

        #webchat {
          height: 100%;
          width: 100%;
        }
      </style>
    </head>
    <body>
      <div id="webchat" role="main"></div>
      <script>
        (async function () {
            const styleOptions = {
                botAvatarInitials: 'Bot',
                userAvatarInitials: 'You'
                };

            window.WebChat.renderWebChat({
            directLine: createDirectLine({
                secret: 'FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF'
              }),
              language: 'de-DE',
              webSpeechPonyfillFactory: await createCognitiveServicesSpeechServicesPonyfillFactory({
                region: 'westeurope',
                subscriptionKey: 'FFFFFFFFFFFFFFFFFFFFFFFFFFFFFF'
              }),
              styleOptions
            }, document.getElementById('webchat'));
            document.querySelector('#webchat > *').focus();
        })().catch(err => console.error(err));
      </script>
    </body>  
  </html>
...