Fix audio context, update defaults

Author: markmur

.firebase/hosting.YnVpbGQ.cache

@@ -0,0 +1,14 @@
+asset-manifest.json,1541545393612,cc2495bd9283007a70c443e1e9ddaf878febea39fa2e39db32d5fac14a127e70
+precache-manifest.4b55c3c5c276d8c360009747cad0ce17.js,1541545393612,54c5aa4bdc7c4b2663842456c18daa7d65b718691819f8e3f5f29f093b5a2d55
+index.html,1541545393612,768b265ae3b608239142859b01909574a05fe61237a5d9a8898f1224a3489b62
+favicon.ico,1541545361978,b72f7455f00e4e58792d2bca892abb068e2213838c0316d6b7a0d6d16acd1955
+service-worker.js,1541545393612,39f18499f2861d6825acc0029fcc322e13843b4969f5e91738316a074e7fd2a4
+static/css/main.22dea08c.chunk.css,1541545393614,06b4d10489b45680166e90da20db532f22720bcf344972c094aa27531c0809ff
+static/js/main.3d745b47.chunk.js,1541545393615,77917c2c848d684c4c8c31a9185272eeea43af2f46fefd2a762b159364e730d7
+static/js/runtime~main.229c360f.js,1541545393616,dbe189fe130313d04dc42edcaa021db9317ce6d58c07ab66fe538fdfe41fe6d7
+static/css/main.22dea08c.chunk.css.map,1541545393616,a304e735a778eeec7f55ce35c5a0bf2b9e28a35bdd958c13cc0d1f04408e8aec
+static/js/runtime~main.229c360f.js.map,1541545393616,b2f1f5578e572791ed8967e3d0090b7eb2ec5f9d87d1bd433d4d7ffdb5d15f5e
+static/js/main.3d745b47.chunk.js.map,1541545393616,ea64fb1835027b42d8bde3a5f6cd6be268624b827bedb11093f195155ae30d61
+manifest.json,1541545361980,6aaf3d87dd9bb1e96f9c691c50d0ed378ed98a120a76dea78291281834cd36e9
+static/js/1.d01716fc.chunk.js,1541545393616,3064bfe0f828e084fa4fd815cc73e1c68cee79b552ab000fc1f5b30823e6f563
+static/js/1.d01716fc.chunk.js.map,1541545393616,463dd82e777352b477031f5ad60ac290f2e354f12d2109c779ec3c65bced3fb8

src/Sequencer.js

@@ -5,26 +5,23 @@ import Synth from './Synth'
 
 import NOTES from './notes'
 
-const getNotesForOctave = octave => {
-  return Object.keys(NOTES).reduce((state, note) => {
-    if (note.split('').pop() === Number(octave)) state[note] = NOTES[note]
+const getNotesForOctave = octave =>
+  Object.keys(NOTES).reduce((state, note) => {
+    if (note.split('').pop() === String(octave)) state[note] = NOTES[note]
     return state
   }, {})
-}
 
 const defaultPads = [
-  [1, 0, 0, 0, 0, 0, 0, 0],
-  [0, 1, 0, 0, 0, 0, 0, 0],
-  [1, 0, 0, 0, 0, 0, 0, 0],
-  [0, 0, 0, 0, 1, 0, 0, 0],
-  [1, 0, 0, 0, 0, 0, 0, 0],
-  [0, 1, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 1, 0],
+  [0, 0, 0, 0, 0, 0, 0, 0],
   [0, 0, 0, 1, 0, 0, 0, 0],
-  [0, 0, 0, 0, 0, 1, 0, 0]
+  [0, 0, 0, 0, 0, 1, 0, 0],
+  [0, 0, 0, 0, 0, 0, 0, 0],
+  [0, 0, 1, 0, 0, 0, 0, 0],
+  [0, 0, 0, 0, 0, 0, 1, 0]
 ]
 
-const synth = new Synth()
-
 class Sequencer extends Component {
   state = {
     type: 'sine',
@@ -95,12 +92,14 @@ class Sequencer extends Component {
   }
 
   play() {
+    this.synth = new Synth()
+
     const { bpm, notes, type, release, delay } = this.state
     const notesArray = Object.keys(notes).map(key => notes[key])
 
-    this.setState({
+    this.setState(() => ({
       playing: true
-    })
+    }))
 
     this.interval = setInterval(() => {
       this.setState(
@@ -112,7 +111,7 @@ class Sequencer extends Component {
             .map((pad, i) => (pad === 1 ? notesArray[i] : null))
             .filter(x => x)
 
-          synth.playNotes(next, {
+          this.synth.playNotes(next, {
             release,
             bpm,
             type,
@@ -124,10 +123,10 @@ class Sequencer extends Component {
   }
 
   pause() {
-    this.setState({
+    this.setState(() => ({
       playing: false,
       step: 0
-    })
+    }))
 
     clearInterval(this.interval)
   }

src/Synth.js

@@ -11,7 +11,7 @@ export default class Synth {
     osc.frequency.value = notes[0]
 
     const delay = this.ctx.createDelay()
-    delay.delayTime.value = state.delay ? state.bpm / 10 / 100 : 0
+    delay.delayTime.value = state.delay ? state.bpm / 2000 : 0
 
     // VCA
     const vca = this.ctx.createGain()