title: Sending Blob data with WebRTC Data Streams
body: <p>I'm reading the following:</p>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Simple_RTCDataChannel_sample" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Simple_RTCDataChannel_sample</a></p>
  
  <p>In this example, they are sending simple strings over the data channel: </p>
  
  <pre><code>var message = messageInputBox.value;
  sendChannel.send(message);
  </code></pre>
  
  <p>I am trying to send a blob:</p>
  
  <p><a href="https://i.stack.imgur.com/2B2WU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2B2WU.png" alt="enter image description here"></a></p>
  
  <p>However on the receiving connection, I get no data: </p>
  
  <p><a href="https://i.stack.imgur.com/6543J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6543J.png" alt="enter image description here"></a></p>
  
  <p>Why is this happening?  How do I properly serialize a <code>Blob</code> and send it over an <code>RTCDataConnection</code>?  My target browsers are latest Chrome only, in case it matters.</p>