Show volume value on change

Author: tong

App.hx

@@ -149,6 +149,8 @@ function main() {
             }
         }
 
+        var volumeElement = document.getElementById("volume");
+        var timer = new haxe.Timer( 2000 );
         window.addEventListener( 'wheel', e -> {
             if( gain != null ) {
                 if( e.deltaY < 0 ) {
@@ -158,6 +160,12 @@ function main() {
                     gain.gain.value -= 0.1;
                     gain.gain.value = Math.max( gain.gain.value, 0.0 );
                 }
+                volumeElement.textContent = 'VOL:'+Std.int(gain.gain.value * 100);
+                timer.run = () -> {
+                    volumeElement.textContent = 'Noise';
+                    timer.stop();
+                    timer = new haxe.Timer( 2000 );
+                }
             }
         }, false );
 

web/index.html

@@ -18,7 +18,7 @@
 			<span id="white" class="noise">White</span>
 			<span id="pink" class="noise">Pink</span>
 			<span id="brown" class="noise">Brown</span>
-			<span>Noise</span>
+			<span id="volume">Noise</span>
 		</div>
 	</body>
 </html>