lookit / ember-lookit-frameplayer

Ember app with experiment frames and a frame player to run browser-based experiments
MIT License
5 stars 19 forks source link

RecordRTC video recording playback problems in Chrome #363

Closed becky-gilbert closed 4 months ago

becky-gilbert commented 4 months ago

Bug description

With the new RecordRTC system, Chrome is not allowing participants to play back their own video recordings.

Affected frames

video-config-quality video-consent

Background and implementation info

This seems to be a Media Recording bug in Chrome where, after a recording is made with mime typevideo/webm, Chrome reports the file's mime type as "video/x-matroska;codecs=avc1,opus" (despite actually being webm) and therefore will not play it in the HTML5 video element (see this stackoverflow post).

The easiest solution is to playback the recording using the recorder's blob instead of data URI, since the former does not specify the mime type. (This issue might be resolved anyway when we change the RecordRTC mime type specification in order to fix problems with video recording playback across browsers, e.g. for researchers watching consent videos in different browsers. But I think it makes sense to stick with replaying the videos via blobs instead of data URIs, unless there are any unforeseen problems.)