I also love all the JavaScript decoder work for mp3, flac, and aac. Update 2: I’m surprised I have not mentioned this HTML5 Audio Editor before, as well as ThreeAudio.js, which helps you create music visualizations in Three.js or tQuery. Also, check out this demo of using Web Audio filters. I also really like this HTML5 and Javascript Modular Synthesizer. Also, stuartmemo has created Abbey Load which lets you easily load audio files into a project that uses the Web Audio API and Wavy Jones which lets you add an oscilloscope to your Web Audio project. Jos Dirksen has written a really great article with cool examples on using web audio API to visualize sound. Pedro Ladaria created riffwave.js which allows you to encode audio data so that you can play synthesized sounds with the HTML5 audio tag. They also have an awesome collection of web audio demos that are worth checking out (like this cool Pitch Detector).Ĭlaudio Brandolino’s Local Music Visualizer lets you drag an audio file to play it locally and visualize it using HTML5 and web audio api. Also, on this subject, HTML5rocks has a new post about Web Audio Input which allows you to to get low-latency access to live audio from a microphone or other audio input on OSX and latest Chrome. mod.js is a Javascript MOD player using Aurora.js and the resampler from XAudioJS. If you like guitars, Pedalboard.js is a open-source JavaScript framework for developing audio effects for guitars. How about playing audio on hover using Web Audio API or messing around with beats via Bangarang Boomerang which is also built on the Web Audio API. And this one adds motion detection via your webcam where you can play notes on a xylophone built in HTML. Here is a 1K JavaScript Speech Synthesizer and this is a music box in just 1k of code. Also JPC2000 is a JS-Powered Beat Production Station in JavaScript form. Also, check out this really cool demo by James Long from Mozilla using the Web Audio API (here is the source). Update: If you are just starting with HTML5 Audio, I advise you to check out this Stuart Memo’s introduction to Web Audio API and making sine, square, sawtooth, and triangle waves. So, are you using any of these for your project? Finally, there is SoundsJS which looks very solid with great demos. It has a lot of great examples and good documentation. ![]() Then, we have Timbre, which is a JavaScript Library for Objective Sound Programming. For example, WebAudio.js(a direct adaptation of tQuery.Webaudio) is a sound library for games on top of Web Audio API, with some impressive examples like Pulse2d or histotQuery. Now, while we have some great demos using the HTML5 Web Audio API, there has also been a lot of development into JavaScript Libraries dedicated to sound and audio. You could even add on processingjs and utilize this HTML5 canvas wave generator to create more realistic waveforms with your audio. I think these demos are amazing and it feels like the possibilites are endless. Looking for more demos? Cameron Adams did the Anatomy of a Mashup which focuses on combining songs together while creating a neat visualization while 9Elements combined their canvas visualization with Twitter. If you like these, take a look at Felix Turner’s awesome Audio Reactive Waveform with Web Audio API and Three.js. For example, check out Dinahmoe’s Plink or Jacob Seidelin’s canvas music visualization. I think that was done mostly for HTML5 games but the Web Audio API can really be used to execute some amazing concepts that mix visuals with sound. ![]() As I was putting together my dancerjs demo, I realized that HTML5 has really pushed the ability to work with audio in the browser.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |