Open3
半手動WebRTC
okuokuとりあえず、 URLフラグメントでSDPとICEを交換して接続する まで作ってみよう。
使う npm モジュール
- https://www.npmjs.com/package/jose
- https://www.npmjs.com/package/node-datachannel
- https://www.npmjs.com/package/hono
今回はexpress.jsのかわりにhono使ってみようかな。たぶん静的ファイルの配信くらいミドルウェアあるでしょ。
okuoku手動WebRTC
まず、これを改造してdataChannelにしてみた。
-
(A)
Connectをクリック (Connectをクリックしたブラウザが親になる) -
(A)
SDP to sendに表われた文字列をクリップボードにコピー -
(B)
SDP to receiveにクリップボードからペーストし、Receive Remote SDPをクリック -
(B)
SDP to sendに表われた文字列をクリップボードにコピー -
(A)
SDP to receiveにクリップボードからペーストし、Receive Remote SDPをクリック
これで接続が確立される。 Message に何か入力して Send すると、対向のブラウザの Receive に表われる。
okuoku必要性
一応 localhost はinsecureなhttpでもCORSリクエストの対象にできることになっている。 ただ、今回の場合は(テストはlocalhostでやってるけど、)ローカルネットワーク上の一般的なホストで動作することが期待される。
ただこの挙動をinsecureと見做す人もいる。Safariは未だにlocalhostを特別扱いしていないし、
Braveはallowlistを開示している https://github.com/brave/adblock-lists/blob/master/brave-lists/localhost-permission-allow-list.txt (このリストにないサイトはプロンプトされる)。たとえば、IntelとかLenovoのツールは、管理用webからlocalhostにアクセスしてローカルPCの情報にアクセスする。