extermalize fix-webm-duration, remove unused webrtc-adapter

index-dev.html

@@ -29,6 +29,9 @@
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <!-- Styles for local elements -->
     <link rel="stylesheet" href="css/base.css" />
+    <!-- Add duration to audio recording (workaround for Chrome bug)
+    https://bugs.chromium.org/p/chromium/issues/detail?id=642012 -->
+    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/fix-webm-duration@1/fix-webm-duration.js"></script>
     <!-- ReactJS -->
     <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17/umd/react.development.js"></script>
     <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17/umd/react-dom.development.js"></script>

index.html

@@ -23,6 +23,7 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link rel="stylesheet" href="css/base.min.css" />
+<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/fix-webm-duration@1.0.5/fix-webm-duration.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-intl@5.20.7/react-intl.iife.min.js"></script>

package.json

@@ -68,12 +68,10 @@
   "license": "Apache-2.0",
   "dependencies": {
     "firebase": "^9.6.7",
-    "fix-webm-duration": "^1.0.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-intl": "^5.20.2",
-    "tinode-sdk": "^0.20.2",
-    "webrtc-adapter": "^8.1.1"
+    "tinode-sdk": "^0.20.2"
   },
   "devDependencies": {
     "@babel/core": "^7.14.5",

src/widgets/audio-recorder.jsx

@@ -4,7 +4,7 @@ import React from 'react';
 
 import AudioPlayer from './audio-player.jsx';
 // Workaround for https://bugs.chromium.org/p/chromium/issues/detail?id=642012
-import fixWebmDuration from 'fix-webm-duration';
+// import fixWebmDuration from 'fix-webm-duration';
 
 import { intArrayToBase64 } from '../lib/blob-helpers.js'
 import { secondsToTime } from '../lib/strformat';
@@ -270,7 +270,7 @@ export default class AudioRecorder extends React.PureComponent {
   // If duration is valid, apply fix for Chrome's WebM duration bug.
   getRecording(mimeType, duration) {
     let blob = new Blob(this.audioChunks, {type: mimeType || AUDIO_MIME_TYPE});
-    return (duration > 0 ? fixWebmDuration(blob, duration, {logger: false}) : Promise.resolve(blob))
+    return (duration > 0 ? ysFixWebmDuration(blob, duration, {logger: false}) : Promise.resolve(blob))
       .then(fixedBlob => { blob = fixedBlob; return fixedBlob.arrayBuffer(); })
       .then(arrayBuff => this.audioContext.decodeAudioData(arrayBuff))
       .then(decoded => this.createPreview(decoded))

webpack.config.js

@@ -63,6 +63,7 @@ module.exports = (env, argv) => {
       }),
     ],
     externals: {
+      // 'fix-webm-duration': 'fixWebmDuration',
       'react': 'React',
       'react-dom': 'ReactDOM',
       'react-intl': 'ReactIntl',