knogobert / whistleroll

🌬 Control your scroll by whistling

Whistleroll

Scroll by whistling. Original idea by Jacob Rudenstam.

Uses Whistlerr by Shubhamajain.

Open up index.html and allow the microphone to be heard in the browser. Then whistle!

TODO

• Add absolute scroll support
• Add whistle indicator, including direction
• Add a way to change the whistleScrollAmount in a setting
• Add a comparison for the else case "SAME" that continues the last headed direction
• Add nanobar for scroll
• Add reconnection for audio listening
• Clean up the code and workspace a tonne
• Build a basic chrome extension
• Add ability to invert whistle direction
• Investigate why it locks peakBand to certain frequencies

Whistlerr

Whistlerr is a whistle detection program which implements M. Nilsson's research paper - "Human Whistle Detection and Frequency Estimation".

Although it's accurate, it may fail against significant background noise. Demo here.

Works in node and browsers.

How it works

It works by detecting high energy spikes in the band of 500-5000Hz where most people blow whistles.

On the browser it uses HTML5 WebAudio API, and on node it relies on mic npm module.

Browser usage

You have to include build/whistle.build.js and then call whistlerr with callback function and threshold value.

sampleThreshold is the minimum number of positive samples required to report a whistle.

High sampleThreshold may fail to detect low intensity whistles while low sampleThreshold may report too many.

var config = {
  sampleThreshold: 10
};

whistlerr(function(result) {
	console.log("Whistle detected with data: " + result);
}, config);

see demo/browser/ for a full example.

Node usage

see demo/node/ for a full example.