title: MediaSource appending to SourceBuffer does not work after the first time
body: <p>I am currently trying to stream a .webm video file via socket.io to my client (currently using Chrome as client).</p>
  
  <p>Appending the first <code>Uint8Array</code> to the SourceBuffer works fine but appending further ones does not work and throws the following error: 
  <code>Uncaught DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null.</code></p>
  
  <p>My current code:</p>
  
  <pre><code>'use strict';
  
  let socket = io.connect('http://localhost:1337');
  
  let mediaSource = new MediaSource();
  let video = document.getElementById("player");
  let queue = [];
  let sourceBuffer;
  
  video.src = window.URL.createObjectURL(mediaSource);
  
  mediaSource.addEventListener('sourceopen', function() {
      sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"');
  
      socket.on("video", function(data) {
          let uIntArray = new Uint8Array(data);
  
          if (!sourceBuffer.updating) {
              sourceBuffer.appendBuffer(uIntArray);
          } else {
              queue.push(data);
          }
      });
  });
  </code></pre>
  
  <p>Server side code (snippet)</p>
  
  <pre><code>io.on('connection', function(socket) {
              console.log("Client connected");
  
              let readStream = fs.createReadStream("bunny.webm");
              readStream.addListener('data', function(data) {
                  socket.emit('video', data);
              });
          });
  </code></pre>
  
  <p>I also removed the webkit checks since this will only run on Chromium browsers.</p>