diff --git a/package.json b/package.json
index bb5b4c2..b8caf99 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "start": "webpack-dev-server --host 0.0.0.0 --progress --colors --hot --inline --port 3000"
   },
   "dependencies": {
-    "aframe-audioanalyser-component": "^4.0.1",
+    "aframe-audioanalyser-component": "^5.0.0-beta1",
     "aframe-atlas-uvs-component": "^2.0.0",
     "aframe-event-decorators": "^1.0.2",
     "aframe-event-set-component": "^4.0.1",
diff --git a/src/components/twister.js b/src/components/twister.js
index ca8d1b9..f7df07e 100644
--- a/src/components/twister.js
+++ b/src/components/twister.js
@@ -12,7 +12,7 @@ AFRAME.registerComponent('twister', {
   init: function () {
     this.currentTwist = 0;
     this.animate = false;
-    this.el.addEventListener('audioanalyser-beat', this.pulse.bind(this));
+    this.el.addEventListener('audioanalyserbeat', this.pulse.bind(this));
   },
 
   pulse: function () {
diff --git a/src/templates/stage.html b/src/templates/stage.html
index 434f086..2d65b9c 100644
--- a/src/templates/stage.html
+++ b/src/templates/stage.html
@@ -10,7 +10,7 @@
 <a-entity
   id="audioAnalyser"
   audioanalyser="src: #introSong; fftSize: 64; enableBeatDetection: true; enableLevels: false; enableWaveform: false; beatDetectionThrottle: 5000; unique: true"
-  proxy-event="event: audioanalyser-beat; to: #logolight, #floor, #twister"></a-entity>
+  proxy-event="event: audioanalyserbeat; to: #logolight, #floor, #twister"></a-entity>
 
 <a-entity id="stage">
   <a-entity id="backglow"
@@ -82,7 +82,7 @@
     position="0 6 0"
     rotation="0 50 0"
     logo-light
-    animation__rotate="property: object3D.rotation.y; from: 50; to: -50; dur: 300; easing: linear; startEvents: audioanalyser-beat"></a-entity>
+    animation__rotate="property: object3D.rotation.y; from: 50; to: -50; dur: 300; easing: linear; startEvents: audioanalyserbeat"></a-entity>
 
   <a-entity id="logosparks" bind__visible="menu.active" particleplayer="src: #logoSparks; scale: 1.4; pscale: 0.35; count: 10; dur: 1000; on: logoflicker; animateScale: true; initialScale: 1.5 1.5 1.5; finalScale: 0.3 0.3 0.3" position="-2.8 5.5 -7.2"></a-entity>
   <a-entity id="logo" bind__visible="menu.active" position="0 6 -7.5" rotation="90 0 0">
@@ -93,7 +93,7 @@
 
   <a-entity
     id="floor"
-    animation__beat="property: components.material.material.color; type: color; to: #FFF; dur: 250; easing: linear; startEvents: audioanalyser-beat"
+    animation__beat="property: components.material.material.color; type: color; to: #FFF; dur: 250; easing: linear; startEvents: audioanalyserbeat"
     animation="property: components.material.material.color; type: color; to: #BBB; dur: 250; easing: linear; startEvents: animationcomplete__beat"
     geometry="primitive: plane; width: 3; height: 3"
     material="color: #BBB; shader: flat; src: #floorImg"