title: How do I play a stream of data with custom but partially supported MimeType in browser?
body: <p><em><strong>Bringing this over from softwareengineering. Was told this question may be better for stackoverflow.</strong></em></p>
  <p>I am sending a video stream of data to another peer and want to reassemble that data and make that stream the source of a video element. I record the data using the npm package <a href="https://www.npmjs.com/package/recordrtc" rel="nofollow noreferrer">RecordRTC</a> and am getting a Blob of data every 1s.</p>
  <p>I send it over an WebRTC Data Channel and initially tried to reassemble the data using the <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaSource" rel="nofollow noreferrer">MediaSource</a> API but turns out that MediaSource doesn't support data with a mimetype of <code>video/webm;codecs=vp8,pcm</code>. Are there any thoughts on how to reassemble this stream? Is it possible to modify the MediaSource API?</p>
  <p>My only requirement of this stream of data is that the audio be encoded with pcm but if you have any thoughts or questions please let me know!</p>
  <p><em>P.S. I thought opinion based questioned weren't for stackoverflow so that's why I posted there first.</em></p>