Castdeck

クイックスタート

以下を index.html として保存し、Castdeckを起動した状態で OBS のブラウザソースにファイルを指定すれば、コメントが流れます。

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <script src="http://localhost:3030/sdk/castdeck-sdk.js"></script>
  <style> body { font: 18px sans-serif; color: #fff } .row { padding: 4px 8px } </style>
</head>
<body>
  <div id="log"></div>
  <script>
    CastdeckSDK.setup().connect().subscribeKind("comment", function (ev) {
      var row = document.createElement("div");
      row.className = "row";
      row.textContent = ev.name + ": " + ev.message;
      document.getElementById("log").prepend(row);
    });
  </script>
</body>
</html>

任意: castdeck-template.json（名前・作者・バージョン）

{
  "name": "My First Template",
  "author": "you",
  "version": "1.0.0",
  "kind": "display"
}

次のステップ

SDKリファレンスで購読できるイベントの全フィールドを確認するか、AIページのコンテキストパックでAIに作らせてみましょう。