mirror of
https://github.com/seigler/dash-visualizer
synced 2025-07-27 01:36:10 +00:00
feat: transaction sounds change pitch based on size :)
This commit is contained in:
parent
f760596740
commit
ffd6f7e41a
2 changed files with 10 additions and 7 deletions
17
app.js
17
app.js
|
@ -1,12 +1,12 @@
|
||||||
'use strict';
|
(function() {
|
||||||
|
'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
BIN
assets/wood-hit-glass.mp3
Normal file
Binary file not shown.
Loading…
Add table
Add a link
Reference in a new issue