kic_chatroom.github.io/index.html at main · weberi/kic_chatroom.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <!-- Chatroom styles via jsDelivr -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weberi/chatroom@master/dist/Chatroom.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weberi/chatroom@master/index.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/weberi/chatroom@master/themes/theme2.css" />
</head>
<body>
  <div class="chat-container"></div>

  <!-- Chatroom script via jsDelivr -->
  <script src="https://cdn.jsdelivr.net/gh/weberi/chatroom@master/dist/Chatroom.js"></script>

  <script>
    // Fail-fast hint if the script didn't load
    if (!window.Chatroom) {
      document.body.insertAdjacentHTML('beforeend',
        '<div style="padding:12px;color:#fff;background:#c00">Could not load Chatroom.js</div>');
    }

    var chatroom = new window.Chatroom({
      host: "https://sturdy-bassoon-6xpwpg4w9xr35x5v-5005.app.github.dev",
      title: "Chat with a bot",
      container: document.querySelector(".chat-container"),
      welcomeMessage: "Nice to meet you.",
      speechRecognition: "en-US",
      voiceLang: "en-US"
    });
    chatroom.openChat();
  </script>
</body>
</html>