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

文章/答案/技术大牛

发布

<!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>

推荐文章

爱健身的红烧肉 · pipenv : 无法将“pipenv”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次 - CSDN文库

1 年前

拉风的大熊猫 · 大洋电机会是潜在的氢能巨头吗？ - OFweek氢能网

1 年前

礼貌的椰子 · 交好性诠释学论纲-科技处

1 年前

闷骚的弓箭 · Android Json解析详解（详细代码）_安卓中和json.stringfy-CSDN博客

1 年前

不拘小节的羽毛球 · 【SpringBoot+MyBatisPlus】系统全局异常处理器的使用以及添加员工功能的实现-阿里云开发者社区

1 年前

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