メッセージングのサンプルに header のチェックを追加する

shiguredo · Oct 28, 2024 · 2551c02 · 2551c02
1 parent cf417da
commit 2551c02
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/examples/messaging/index.html b/examples/messaging/index.html
@@ -18,6 +18,10 @@ <h1>DataChannel messaging test</h1>
       <input type="checkbox" id="check-compress" checked />
       <label for="check-compress">Compress</label>
     </div>
+    <div>
+      <input type="checkbox" id="check-header" />
+      <label for="check-header">Header</label>
+    </div>
     <button id="connect">connect</button>
     <button id="disconnect" disabled>disconnect</button>
     <button id="get-stats">getStats</button><br />

diff --git a/examples/messaging/main.mts b/examples/messaging/main.mts
@@ -22,8 +22,10 @@ document.addEventListener('DOMContentLoaded', async () => {
   document.querySelector('#connect')?.addEventListener('click', async () => {
     const checkCompress = document.getElementById('check-compress') as HTMLInputElement
     const compress = checkCompress.checked
+    const checkHeader = document.getElementById('check-header') as HTMLInputElement
+    const header = checkHeader.checked
 
-    await client.connect(compress)
+    await client.connect(compress, header)
   })
   document.querySelector('#disconnect')?.addEventListener('click', async () => {
     await client.disconnect()
@@ -100,7 +102,7 @@ class SoraClient {
     this.connection.on('message', this.onmessage.bind(this))
   }
 
-  async connect(compress: boolean) {
+  async connect(compress: boolean, header: boolean) {
     // connect ボタンを無効にする
     const connectButton = document.querySelector<HTMLButtonElement>('#connect')
     if (connectButton) {
@@ -113,6 +115,8 @@ class SoraClient {
         label: '#example',
         direction: 'sendrecv',
         compress: compress,
+        // header が true の場合は sender_connection_id を追加
+        header: header ? [{ type: 'sender_connection_id' }] : undefined,
       },
     ]
     await this.connection.connect()