I am trying to get a videojs recording plugin working in my app. The plugin is here:
There are a few dependencies, each of which seem to work individually. I followe don eof the video-record wiki pages for how to include the project with es6 imports:
Basically, it is:
import video_css from 'video.js/dist/video-js.min.css';
import videojs from 'video.js';
import 'webrtc-adapter';
import RecordRTC from 'recordrtc';
// register videojs-record plugin with this import
import record_css from 'videojs-record/dist/css/videojs.record.css';
import Record from 'videojs-record/dist/videojs.record.js';
As soon as I try adding that last line, videojs.record.js complains of not finding the RecordRTC object.
I looked in the videojs.record.js file and I see this:
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("RecordRTC"), require("videojs"));
I know almost nothing about es6, webpack, babel, npm, etc, but it seems like maybe when meteor does whatever-it-does, the imports aren’t fully resolved yet so the recording plugin can’t find the RecordRTC object at that moment.
So, maybe it has something to do with the order I am doing the imports, or the file I am doing the imports in ?
In some previous cases I had to do some voodoo like assigning a global object to the dom window object to get around similar issues.
Any advice here?