feat: transaction sounds change pitch based on size :)

This commit is contained in:
Joshua Seigler 2016-09-11 22:36:18 -04:00
parent f760596740
commit ffd6f7e41a
2 changed files with 10 additions and 7 deletions

15
app.js
View file

@ -1,12 +1,12 @@
(function() {
'use strict'; 'use strict';
//(function() {
var socket = io("https://blockchain.masternode.io/"); var socket = io("https://blockchain.masternode.io/");
// var socket = io("https://insight.bitpay.com/");
var transactionList = document.getElementById('transactionList'); var transactionList = document.getElementById('transactionList');
var muteButton = document.getElementById('muteToggle'); var muteButton = document.getElementById('muteToggle');
var muted = false; var muted = false;
var audioContext; var audioContext;
var audioGainNode;
var soundBuffers = { var soundBuffers = {
'tx': null, 'tx': null,
'block': null 'block': null
@ -17,13 +17,16 @@
try { try {
window.AudioContext = window.AudioContext||window.webkitAudioContext; window.AudioContext = window.AudioContext||window.webkitAudioContext;
audioContext = new AudioContext(); audioContext = new AudioContext();
audioGainNode = audioContext.createGain();
audioGainNode.connect(audioContext.destination);
audioGainNode.gain.value = 0.3;
} }
catch(e) { catch(e) {
console.error('Web Audio API is not supported in this browser'); console.error('Web Audio API is not supported in this browser');
document.getElementById('muteToggle').remove(); document.getElementById('muteToggle').remove();
} }
try { try {
loadSound('assets/bell.mp3', 'tx'); loadSound('assets/wood-hit-glass.mp3', 'tx');
loadSound('assets/whoosh.mp3', 'block'); loadSound('assets/whoosh.mp3', 'block');
} }
catch(e) { catch(e) {
@ -79,7 +82,7 @@
} }
var source = audioContext.createBufferSource(); var source = audioContext.createBufferSource();
source.buffer = soundBuffers[bufferName]; source.buffer = soundBuffers[bufferName];
source.connect(audioContext.destination); source.connect(audioGainNode);
source.playbackRate.value = playbackRate; source.playbackRate.value = playbackRate;
source.start(); source.start();
} }
@ -94,7 +97,7 @@
var onTransaction = function(data) { var onTransaction = function(data) {
console.log(data); console.log(data);
var playbackRate = Math.min(Math.max(0.25, 1 - Math.log(data.valueOut)/16), 2); var playbackRate = Math.min(Math.max(0.25, 2.4 - Math.log(data.valueOut)/5), 7);
playSound('tx', playbackRate); playSound('tx', playbackRate);
var tx = document.createElement('div'); var tx = document.createElement('div');
tx.className = 'tx'; tx.className = 'tx';
@ -134,4 +137,4 @@
transactionList.insertBefore(newBlock, transactionList.firstChild); transactionList.insertBefore(newBlock, transactionList.firstChild);
}; };
//})(); })();

BIN
assets/wood-hit-glass.mp3 Normal file

Binary file not shown.