Create optical soundtracks using Javascript in either node.js or the browser.
This example will draw all frames of the soundtrack into a canvas element on the page.
<html>
<body>
<canvas id="canvas"></canvas>
<script src="SoundtrackOptical.js"></script>
<script>
var soundFile = 'data/barking.wav'; //url of sound file to decode
var canvas = document.getElementById('canvas');
var soundtrack = new SoundtrackOptical(canvas, soundFile);
soundtrack.decode().then(() => {
for (var i = 0; i < soundtrack.FRAMES; i++) {
soundtrack.draw()
}
}).catch(err => {
console.error(err);
})
</script>
</body>
</html>This example will draw all frames of the soundtrack into .png files in the directory the file is executed.
const SoundtrackOptical = require('soundtrackoptical');
const soundFile = './data/barking.wav'; // Path
const soundtrack = new SoundtrackOptical(soundFile);
async function demo () {
await soundtrack.decode();
for (let i = 0; i < soundtrack.FRAMES; i++) {
await soundtrack.draw();
}
}
demo();