WebChat -直接线路语音适配器错误: WebSocket连接失败，错误为400开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

文章/答案/技术大牛

发布

<!DOCTYPE html>
<html lang="en-US">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <script
      crossorigin="anonymous"
      src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <title>Speech Test</title>
          <style>
      html,
      body {
        height: 100%;
      body {
        margin: 0;
      #webchat {
        height: 100%;
        width: 100%;
    </style>
  </head>
    <div id="root"></div>
    <div id="webchat" role="main"></div>
    <script>
      (async function () {
        async function fetchCredentials(){
          const res = await fetch(
            "https://westeurope.api.cognitive.microsoft.com/sts/v1.0/issueToken",
              method: "POST",
              headers: {
                "Ocp-Apim-Subscription-Key": `XXXXXXXXX`,
          if (!res.ok) {
            throw new Error("Failed to fetch authorization token and region.");
          return { authorizationToken: await res.text(), region: "westeurope" };
        const adapters = await window.WebChat.createDirectLineSpeechAdapters({
          fetchCredentials
        window.WebChat.renderWebChat(
          ...adapters
          document.getElementById("webchat")
        document.querySelector("#webchat > *").focus();
      })().catch((err) => err);
    </script>

推荐文章

深情的可乐 · 集成 - 如何在 Azure API 管理中使用 Web PubSub for Socket.IO | Microsoft Learn

3 天前

温文尔雅的圣诞树 · 矩阵乘法无需相乘，速度提升100倍：一个神经元顶5到8层神经网络

4 月前

活泼的扁豆 · Unity无边框，可拖拽，最大最小化_unity 打包窗口去除边框可拖拽-CSDN博客

5 月前

正直的手电筒 · GitHub - jjxliu306/ng-form-element: 动态表单，VUE动态表单。基于vue+elementui实现动态表单组件，通过拖拽组件到面板即可实现一个表单。支持各个组件的动态

5 月前

无邪的橡皮擦 · libssh2_百度百科

5 月前

豪气的创口贴 · 山东地方炼厂：曾经叱咤一时，如今强敌环伺，不得不说再见_手机新浪网

6 月前

问 WebChat -直接线路语音适配器错误: WebSocket连接失败，错误为400 EN