我正在尝试通过 WebRTC 共享文件，但一段时间后它会停止，并且记录 RTCDatachannel 发送队列已满

Question

let file = fileUpload.files[0];
let offset = 0;
let chunkSize = 1024*1024*16;


file.arrayBuffer().then((buffer) => {
            
 while(buffer.byteLength){
                
       const chunk = buffer.slice(0, chunkSize);
       buffer = buffer.slice(chunkSize, buffer.byteLength);
      dataChannel.send(chunk);
  }
})

它适用于小文件，但适用于大文件。

Answer 1

DataChannel 有一个 bufferedAmount 属性，它告诉您还有多少字节等待发送。它还有一个名为 bufferedAmountLowThreshold 的属性。

RTCDataChannel 属性 bufferedAmountLowThreshold 用于指定被视为“低”的缓冲传出数据的字节数。

https://developer.mozilla.org/en-US/docs /Web/API/RTCDataChannel/bufferedAmountLowThreshold
https://developer.mozilla.org/en-US/docs /Web/API/RTCDataChannel/bufferedAmount

只要 bufferedAmount 以下，您就可以继续正常发送数据bufferedAmountLowThreshold。一旦它变大，您就停止排队更多数据，直到收到 bufferedamountlow 事件。

const send = () => {
  while (buffer.byteLength) {
    if (dataChannel.bufferedAmount > dataChannel.bufferedAmountLowThreshold) {
      dataChannel.onbufferedamountlow = () => {
        dataChannel.onbufferedamountlow = null;
        send();
      };
      return;
    }
    const chunk = buffer.slice(0, chunkSize);
    buffer = buffer.slice(chunkSize, buffer.byteLength);
    dataChannel.send(chunk);
  }
};
send();