Vue.js

Vue.js

WORK IN PROGRESS (see #283)

---

This page shows how to get started with Vue.js and videojs-record.

It shows how to quickly get started using the vue.js CLI and the vue-video-player (a Video.js player component for Vue).

Installation

Install the vue.js CLI:

npm install -g @vue/cli

Create an new application called record-app:

vue create --preset default record-app

Install videojs-record and vue-video-player:

cd record-app
npm install --save videojs-record vue-video-player

Webpack config

Create vue.config.js with the following content:

const webpack = require('webpack');

module.exports = {
  configureWebpack: {
    resolve: {
        alias: {
            videojs: 'video.js',
            WaveSurfer: 'wavesurfer.js'
        }
    },
    plugins: [
        new webpack.ProvidePlugin({
            videojs: 'video.js/dist/video.cjs.js',
            RecordRTC: 'recordrtc',
            MediaStreamRecorder: ['recordrtc', 'MediaStreamRecorder']
        })
    ]
  }
}