I have a HTML5 media recorder allowing users to record themselves live inside a web application, playback, and upload the recording.
It uses standard code with getUserMedia for getting a handle on the webcam and microphone, <video> to playback the webcam, and MediaRecorder to record the stream from getUserMedia.
So, to the problem...
On some Macbook Air devices, Google Chrome throws error 416 (Requested Range Not Satisfiable) when trying to playback the recorded stream in the <video> element. The issue seems so far to only occur on OSX with Chrome, but it's not occurring on all devices of that combination.
There's a Chromium bug open that references this issue but it is marked as 'Fixed'. https://bugs.chromium.org/p/chromium/issues/detail?id=615940 I'm not convinced however that the full problem is resolved based on the ticket commentary. I recent commenter mentioned this affects Facebook Messenger too!
Have you seen this issue before, and do you know of a workaround for OSX with Chrome users that doesn't involve use Windows or use Firefox?