Add beforeDestroy method and close audio context.

Idea from @SohrabZ, issue #2
staskobzar · May 16, 2018 · 4f8dcd4 · 4f8dcd4 · SohrabZ · May 16, 2018
1 parent 20f6b04
commit 4f8dcd4
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/src/components/AvBars.js b/src/components/AvBars.js
@@ -106,6 +106,7 @@ const AvBars = {
       audio: null,
       analyser: null,
       ctx: null,
+      audioCtx: null,
       caps: Array.apply(null, Array(this.fftSize / 2)).map(() => 0)
     }
   },

diff --git a/src/components/AvBase.js b/src/components/AvBase.js
@@ -128,6 +128,8 @@ const methods = {
     src.connect(this.analyser)
     this.analyser.fftSize = this.fftSize
     this.analyser.connect(ctx.destination)
+
+    this.audioCtx = ctx;
   },
   /**
    * Canvas gradient. Vertical, from top down
@@ -153,5 +155,8 @@ export default {
     this.setAnalyser()
     this.mainLoop()
   },
+  beforeDestroy () {
+      this.audioCtx.close()
+  },
   methods
 }
diff --git a/src/components/AvCircle.js b/src/components/AvCircle.js
@@ -205,7 +205,8 @@ const AvCircle = {
       rotate: 1.5,
       audio: null,
       analyser: null,
-      ctx: null
+      ctx: null,
+      audioCtx: null
     }
   },
   methods: {

diff --git a/src/components/AvLine.js b/src/components/AvLine.js
@@ -44,7 +44,8 @@ const AvLine = {
     return {
       audio: null,
       analyser: null,
-      ctx: null
+      ctx: null,
+      audioCtx: null
     }
   },
   methods: {