<h1 id="h214c899e60">data channel</h1>一般的に WebRTC といえば音声や映像を Peer to Peer で接続することでサーバを介さずに通話ができるというプロトコルですが、 media stream を送るだけが WebRTC ではありません。 RTCDataChannel API を使えば、ピア同士でデータのやりとりを行うことができます。 <h2 id="h33ae2bc092">Chromeでデータが送れなくなる</h2>前置きはこんなもんで、本題です。チャットや軽いデータならば一度の<code>send</code>で送信できるのですが、今回は重いデータの送信を試していました。 <pre><code>dataChannel.send(contents)</code></pre> RTCDataChannel API の<code>send</code>メソッドでは一度に送信できるサイズに制約があり、困ったことにブラウザごとに異なり、さらに受信側も挙動がまちまちなようです。ブラウザー間の差異を吸収するには、16キロバイト以下になるように分割し送信する必要があります。 ここでは分割するスクリプトはここでは省略しますが、だいたい50MBで3000個くらいになります。 これを<code>while</code>や<code>for</code>などを使って連続的に送るのですが、Chromeで試してみたところなぜか途中でぱったりと送信が止まるのです。Connectionも正常なままで謎でしたが、<code>RTCDataChannel.bufferedAmount</code>をみてみると 16384 になると止まるようです。 そこで、<code>RTCDataChannel.bufferedAmount</code>が0以上になったら送信を待機するようにしたら最後まで送信できるようになりました。 Firefoxでは<code>bufferedAmount</code>がいくつになっても大丈夫でした。 ちなみに<code>while</code>や<code>for</code>を使うとタスクを占有してしまってレンダリングされなくなるので、最終的に<code>setTimeout</code>を使って末尾回帰するような関数を書きました笑 <blockquote>2019年2月1日追記 これ再現しなくなりました...。バグだったのかな？</blockquote>

ゆったりWeb手帳

気になったことをのんびり書くよ