Category: web audio api

Introduction to Web Audio API

Web Audio API let’s us make sound right in the browser. It makes your sites, apps, and games more fun and engaging. You can even build music-specific applications like drum machines and synthesizers. In this article, we’ll learn about working with the Web Audio API by building some fun and simple projects. ...

Interactive Musical Instruments

View demo Download source Today we’d like to share a little musical experiment with you. The demo has a couple of playful audio interactions that allow you to play music on instruments or simply make sounds by holding the mouse pressed and move around. All of the instruments, except the last set of small i...

Web Audio API: Add Bandwidth-Friendly Sound to Your Web Page

The Web Audio API allows developers to leverage powerful audio processing techniques in the browser using JavaScript, without the need for plugins. As well as defining and processing file-based audio sources in real-time, it can synthesize sounds based upon various waveforms; this can be useful for web apps that are of...

Interactive Record Player

View demo Download source Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands...

Interactive Record Player

View demo Download source Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands...

Screamy Bird

During San Francisco’s Stupid Shit No One Needs and Terrible Ideas “Hackathon”, Glen Chiaccheri made a game where you have to literally scream your way through it. Make sure to check it out in Firefox, as Chrome and Safari don’t support the getUserMedia API fully. This is the API that allows web developers to r...