fix: Crash on safari

package.json

@@ -2,7 +2,7 @@
   "name": "cliptor",
   "author": "timmsusa@googlemail.com",
   "description": "Cliptor was invented to have the same functionality available like ablton live matrix sequencer",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "./src/app/electron.js",
   "homepage": "./",
   "private": false,
@@ -137,4 +137,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

src/clip/Clip.jsx

@@ -16,6 +16,7 @@ import { ButtonLoadAudioFile } from './ButtonLoadAudioFile'
 import { actionsContent, actionsViewSettings } from '../global-state'
 import { AudioDriverOutMenu } from './AudioDriverOutMenu'
 import context from '../global-state/context'
+import { isSafari } from '../utils/is-safari'
 
 const useStyles = makeStyles(() => ({
   root: {
@@ -269,6 +270,9 @@ export function Clip({ url, tracksId, clipId }) {
     return {
       container: ref,
       audioContext,
+      audioScriptProcessor: isSafari()
+        ? audioContext.createScriptProcessor(1024, 1, 1)
+        : null,
       closeAudioContext: false,
       barWidth: 2,
       barRadius: 2,

src/global-state/context.js

@@ -1,6 +1,7 @@
 import { createContext } from 'react'
-
+let AudioContext = window.AudioContext || window.webkitAudioContext
 const audioContext = new AudioContext()
+// const audioContext = new (window.AudioContext || window.webkitAudioContext)()
 const context = createContext({ audioContext })
 
 export default context

src/global-state/thunks/drivers.js

@@ -23,31 +23,17 @@ export function initDrivers() {
 
 async function scanForAudioDrivers() {
   let list = []
-  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
   return new Promise((resolve, reject) => {
-    if (isSafari) {
-      navigator.webkitGetUserMedia(
-        { audio: true, video: false },
-        async function () {
-          list = await refreshDeviceList(list)
-          resolve(list)
-        },
-        function (err) {
-          reject(err)
-        }
-      )
-    } else {
-      navigator.getUserMedia(
-        { audio: true, video: false },
-        async function () {
-          list = await refreshDeviceList(list)
-          resolve(list)
-        },
-        function (err) {
-          reject(err)
-        }
-      )
-    }
+    navigator.mediaDevices.getUserMedia(
+      { audio: true, video: false },
+      async function () {
+        list = await refreshDeviceList(list)
+        resolve(list)
+      },
+      function (err) {
+        reject(err)
+      }
+    )
   })
 }
 async function refreshDeviceList(listl) {

src/menu-app-bar/MenuAppBarCmp.jsx

@@ -53,7 +53,7 @@ function MenuAppBarCmp(props) {
                 className={classes.typoColorStyle}
                 href={'https://github.com/TimSusa/cliptor/releases'}
               >
-                Download here!
+                Download Desktop App here!
               </a>
             </React.Fragment>
           )}

src/utils/is-safari.js

@@ -0,0 +1,3 @@
+export function isSafari() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
+}