Web browsers are becoming more and more powerful, and new APIs like the Web Audio API and Audio Data API are making the web an ever more interesting and dynamic place.
At ofmlabs they are invested in improving the state of audio on the web, and with JSMad showed that decoding audio purely in JavaScript is possible thanks to these APIs and the hard work of browser makers and spec authors.
And now they have done it again. Introducing alac.js, a port of the recently open sourced Apple Lossless decoder to JavaScript. Now it is possible to play MP3 and Apple Lossless even in browsers without native support. Check out the suite of JavaScript audio codecs to hear JavaScript rocking out!
Requirements: –
Demo: http://codecs.ofmlabs.org/
License: GPL, Apache 2 License
Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades properly on non-modern browsers. It is written by Jay Salvat and licensed under the MIT License.
Requirements: jQuery Framework
Demo: http://buzz.jaysalvat.com/demo/
License: MIT License
Orman Clark has designed a pretty slick compact music player interface in PSD some time ago. Now, someone has coded the design into an awesome HTML5 Music Player in jQuery for us. The user interface is very clean and easy to use. You can also check out other HTML5 Music and Audio Solutions for jQuery we have mentioned before.
Requirements: jQuery Framework
Demo: http://www.codebasehero.com/files/music-player/demo/
License: License Free
Speakker is a crossbrowser Audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.
You can also check out HTML5 Music Portfolio Template with jQuery. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The artist albums are shown using the jCarousel plugin and the user can add song samples to the play list and reorder the songs by dragging them.
Requirements: jQuery Framework
Demo: http://www.speakker.com/demo/
License: GPL License
Demo: http://tympanus.net/Development/MusicPortfolioTemplate/
License: License Free
VexFlow is an open-source web-based music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. The score below can be rendered in your browser.
Requirements: Javascript Enabled
Demo: http://www.vexflow.com/
License: MIT License
Would you like to create music on the web? Whether you are an amateur or a pro you will be able to satisfy all your needs with Soundation Studio — a powerful online sequencer with 11 real time effects, 3 synthesizers, a drum machine and a fully integrated Sound Shop.
Soundation Studio offer you an introductory library of over 400 loops, the possibility to buy more sounds and in short, a place where you can store all your sounds as well as your own productions. Anything you create in Soundation is your production, the only exception is you cannot transfer, upload, share, give or sell any of the isolated or individual sound files. They are licensed to you to use in your productions but not to give away, upload or sell as individual loops or samples.
Source: http://www.soundation.com/studio
Yahoo! Media Player enhances your web site or blog by creating an embedded player for each audio link. All the links can be played with one click, and it automatically finds all audio links on your page, turning your page into a playlist.
Magical floating design never gets lost, is available when you need it, gets out of your way when you don’t need it. So that it keeps the user in the page rather than sending them away to a media player. This is done by adding one line of HTML to your page.
Requirements: –
Demo: http://mediaplayer.yahoo.com/
License: Terms
YensDesign has written an interesting jQuery tutorial (Create an music player using mouse gestures and hotkeys) focused on improve the user’s interaction in your web applications. There are a lot of online jukebox based on javascript interaction, but the most of them ignore the power of mouse gestures and hotkeys.
YensDesign has created an amazing music player coded in xHTML and jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.
Requirements: –
Demo: http://yensdesign.com/tutorials/musicplayer/
License: License Free
Using the Ribbit Voice Platform, voice is now a programmable feature that is free from the traditional device. Going way beyond the call, Ribbit is an open platform for multi-protocol communication, empowering a new market of voiceware applications and services.
It can go anywhere… on a phone, on a webpage, inside email, and in an existing app. Voice can now live inside any environment including online communities or stores, CRM systems, call center applications, media properties – you name it. It can be captured, stored and sent in traditional and non-traditional ways…it is totally free for your innovation across any industry.
Coding voice as a feature is easy. Build your rich voice applications in either Flex or Flash. Their voice components are available in both flavors. Now you can easily add the ability to make and receive calls, record, send and receive voice messages, as well as add and organize contacts to your applications with the Ribbit API. Leverage the Ribbit Voice Platform to enrich your applications with voice, others have.
Requirements: –
Demo: http://developer.ribbit.com
License: Read License
Soundsnap is a nice platform to find and share free sound effects and loops- legally. It is a collection of original sounds made or recorded by its users, and not songs or sound FX found on commercial libraries or sample CD’s.
It was originally started by a small group of sound people from all over the world. Their common belief is that sounds and samples should be free for everyone to use in their projects, commercial or not.
Their users are a diverse mix of sound designers, sound artists, web game developers, filmmakers and music producers. Hobbyists and home video makers are welcome too. They encourage everyone to upload high quality sound FX and samples, helping them make every kind of sound available on Soundsnap.
Requirements: –
Demo: http://www.soundsnap.com/
License: License Free
