doc: use wavesurfer 6.x in examples (#704)

* update deps * doc: bump video.js version to 7.21.1 in demo files * ci: update deps * doc: use wavesurfer.js@6.6.4 in examples
collab-project · Feb 13, 2024 · be813d4 · be813d4
1 parent e2b161d
commit be813d4
Show file tree

Hide file tree

Showing 32 changed files with 4,011 additions and 2,798 deletions.
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -8,39 +8,43 @@ on:
 
 jobs:
   build:
-
     runs-on: ubuntu-latest
-
     strategy:
       matrix:
-        node-version: [16]
-
+        node-version: [20]
+    name: ${{ matrix.os }} - Node ${{ matrix.node-version }} (${{ matrix.architecture }})
     steps:
     - name: Checkout
-      uses: actions/checkout@v3
+      uses: actions/checkout@v4
       with:
         persist-credentials: false
     - name: Reconfigure git to use HTTP authentication
       run: >
         git config --global url."https://github.com/".insteadOf
         ssh://git@github.com/
     - name: Update system
+      if: runner.os == 'Linux'
       run: sudo apt-get update
     - name: Install system dependencies
+      if: runner.os == 'Linux'
       run: sudo apt-get install -y ubuntu-restricted-addons chromium-codecs-ffmpeg-extra gstreamer1.0-libav gstreamer1.0-plugins-ugly gstreamer1.0-vaapi
     - name: Using Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version: ${{ matrix.node-version }}
-    - name: Cache Node.js modules
-      uses: actions/cache@v3
+        architecture: ${{ matrix.architecture }}
+    - name: Get npm cache directory
+      id: npm-cache-dir
+      shell: bash
+      run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}
+    - name: Cache npm modules
+      uses: actions/cache@v4
+      id: npm-cache # use this to check for `cache-hit` ==> if: steps.npm-cache.outputs.cache-hit != 'true'
       with:
-        # npm cache files are stored in `~/.npm` on Linux/macOS
-        path: ~/.npm
-        key: ${{ runner.OS }}-node-${{ hashFiles('**/package-lock.json') }}
+        path: ${{ steps.npm-cache-dir.outputs.dir }}
+        key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
         restore-keys: |
-          ${{ runner.OS }}-node-
-          ${{ runner.OS }}-
+          ${{ runner.os }}-node-
     - name: Install Node.js modules
       run: npm ci
     - name: Lint
@@ -50,7 +54,8 @@ jobs:
     - name: Test
       run: npm run test
     - name: Coveralls
-      uses: coverallsapp/github-action@master
+      if: runner.os == 'Linux'
+      uses: coverallsapp/github-action@v2
       with:
         path-to-lcov: ${{ github.workspace }}/coverage/lcov/lcov.info
         github-token: ${{ secrets.GITHUB_TOKEN }}

diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014-2022 Collab
+Copyright (c) 2014-2024 Collab
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

diff --git a/docs/demo/animated-gif.html b/docs/demo/animated-gif.html
@@ -4,11 +4,11 @@
   <meta charset="utf-8">
   <title>Animated GIF Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//www.webrtc-experiment.com/gif-recorder.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>

diff --git a/docs/demo/audio-only-ffmpegjs.html b/docs/demo/audio-only-ffmpegjs.html
@@ -4,17 +4,17 @@
   <meta charset="utf-8">
   <title>ffmpeg.js Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
 
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-lamejs.html b/docs/demo/audio-only-lamejs.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Lamejs Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
 
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-mp3.html b/docs/demo/audio-only-mp3.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>vmsg Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
 
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-ogg.html b/docs/demo/audio-only-ogg.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Libvorbis Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
   <script src="lib/libvorbis.js/libvorbis.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-opus-media-recorder.html b/docs/demo/audio-only-opus-media-recorder.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>opus-media-recorder Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
   <script src="//unpkg.com/opus-media-recorder/OpusMediaRecorder.umd.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-opus.html b/docs/demo/audio-only-opus.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Opus-recorder Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
   <script src="//unpkg.com/opus-recorder/dist/recorder.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only-recorderjs.html b/docs/demo/audio-only-recorderjs.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Recorder.js Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/recorderjs/0.1.0/recorder.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-only.html b/docs/demo/audio-only.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Audio-only Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/audio-screen.html b/docs/demo/audio-screen.html
@@ -4,11 +4,11 @@
   <meta charset="utf-8">
   <title>Audio/Screen Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
 

diff --git a/docs/demo/audio-video.html b/docs/demo/audio-video.html
@@ -4,11 +4,11 @@
   <meta charset="utf-8">
   <title>Audio/Video Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
 

diff --git a/docs/demo/change-audio-input.html b/docs/demo/change-audio-input.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Audio Input Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>

diff --git a/docs/demo/change-audio-output.html b/docs/demo/change-audio-output.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Audio Output Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.js"></script>

diff --git a/docs/demo/change-video-input.html b/docs/demo/change-video-input.html
@@ -4,11 +4,11 @@
   <meta charset="utf-8">
   <title>Video Input Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.min.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
 

diff --git a/docs/demo/enumerate-devices.html b/docs/demo/enumerate-devices.html
@@ -4,16 +4,16 @@
   <meta charset="utf-8">
   <title>Enumerate Devices Example - Record Plugin for Video.js</title>
 
-  <link href="//unpkg.com/video.js@7.20.1/dist/video-js.min.css" rel="stylesheet">
+  <link href="//unpkg.com/video.js@7.21.1/dist/video-js.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-wavesurfer/dist/css/videojs.wavesurfer.min.css" rel="stylesheet">
   <link href="//unpkg.com/videojs-record/dist/css/videojs.record.css" rel="stylesheet">
   <link href="assets/examples.css" rel="stylesheet">
 
-  <script src="//unpkg.com/video.js@7.20.1/dist/video.min.js"></script>
+  <script src="//unpkg.com/video.js@7.21.1/dist/video.min.js"></script>
   <script src="//unpkg.com/recordrtc/RecordRTC.js"></script>
   <script src="//unpkg.com/webrtc-adapter/out/adapter.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/wavesurfer.min.js"></script>
-  <script src="//unpkg.com/wavesurfer.js/dist/plugin/wavesurfer.microphone.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/wavesurfer.min.js"></script>
+  <script src="//unpkg.com/wavesurfer.js@6.6.4/dist/plugin/wavesurfer.microphone.min.js"></script>
   <script src="//unpkg.com/videojs-wavesurfer/dist/videojs.wavesurfer.min.js"></script>
 
   <script src="//unpkg.com/videojs-record/dist/videojs.record.min.js"></script>