Music, Science and Technology Research Centre at YorNight 2020

This interface works best on Google Chrome for laptop/desktop, and on whatever your native browser is for tablet/phone (e.g., Safari for iOS).

The interface looks for barcodes in a poster (A4 version; A0 original) and uses recognised codes to trigger samples (pre-recorded sounds) or synthesiser tones. You'll need to print out the A4 version on A4 paper for the barcode-scanning code to work.

If you'd like to learn more about music and coding for the web, visit this page.

(This interface is a proof-of-concept hack. Apologies for any bugs, lack of style,...)

Credits

The code in this example was written by Tom Collins. Reuse of the code is welcomed, and governed by the GNU General Public License Version 3 or later. It uses code or data from the following resources.

• The idea for the poster was inspired by the Barcode band.
• Icons on the poster are from Freepik.
• Vocal samples are from ymaaela on Freesound.
• All other samples prepared by Tom Collins.
• jQuery
• Video capture and barcode recognition uses QuaggaJS by Christoph Oberhofer.
• Audio engine uses Tone.js by Yotam Mann.