howler.js - Javascript audio library for the modern web

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

howler.js - Javascript audio library for the modern web

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms.

Single API for all audio needs
Defaults to Web Audio API and falls back to HTML5 Audio
Handles edge cases and bugs across environments
Supports all codecs for full cross-browser support
Automatic caching for improved performance
Control sounds individually, in groups or globally
Playback of multiple sounds at once
Easy sound sprite definition and playback
Full control for fading, rate, seek, volume, etc.
Easily add 3D spatial sound or stereo panning
Modular - use what you want and easy to extend
No outside dependencies, just pure JavaScript
As light as 7kb gzipped

https://howlerjs.com/
https://github.com/goldfire/howler.js

Tags	audio webaudio web-audio html5-audio audio-library music playback
Implementation	Javascript
License	MIT
Platform	OS-Independent

Related Projects

howler.js - Javascript audio library for the modern web.

Javascript

howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms. Additional information, live demos and a user showcase are available at howlerjs.com.

audio html5-audio playback volume web-audio audio-library howler howler.js sound webaudio browser html5 audio-sprite audiosprite

waud - Web Audio Library

Haxe

Web Audio Library with HTML5 audio fallback. Waud is a simple and powerful web audio library that allows you to go beyond HTML5's <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

web-audio base64 npm-package web-audio-library audio-sprites html5-audio haxelib web-audio-api js audio web sounds audiocontext library waud.js waud audiosprite sprite audio-sprite datauri

waveform-playlist - Multitrack Web Audio editor and player with canvas waveform preview

Javascript

Inspired by Audacity, this project is a multiple track playlist editor written in ES2015 using the Web Audio API. Load tracks and set cues (track cue in, cue out), fades (track fade in, fade out) and track start/end times within the playlist. I've written up some demos on github for the different audio fade types in the project.

playlist waveform audio audio-visualizer audio-player annotations audiorecorder webaudio music mediarecorder harmony playback daw audacity stem tracks multitrack editor record recording player

cordova-plugin-nativeaudio - The low latency audio plugin is designed to enable low latency and polyphonic audio from Cordova/PhoneGap applications, using a very simple and basic API

Objective-C

Cordova / PhoneGap 3.5+ extension for Native Audio playback, aimed at HTML5 gaming and audio applications which require minimum latency, polyphony and concurrency. This Cordova / PhoneGap (3.5+) plugin enables concurrency (multi-channel playback), polyphony (multi-voice playback) and minimized latency (via caching) in audio-based applications, by leveraging native audio APIs. Designed for the use in HTML5-based cross-platform games and mobile/hybrid audio applications.

cordova plugin audio game ecosystem:cordova music mp3 rjfun

party-mode - An experimental music visualizer using d3.js and the web audio api.

Javascript

Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.

visualization html5-audio-element d3js d3 audio-visualizer audio art generative-art data-visualization

Tone.js - A Web Audio framework for making interactive music in the browser

Javascript

Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers creating web-based audio applications. On the high-level, Tone offers common DAW (digital audio workstation) features like a global transport for synchronizing and scheduling events as well as prebuilt synths and effects. Additionally, Tone provides high-performance building blocks to create your own synthesizers, effects, and complex control signals.

web-audio music synthesis scheduling samples tone web-audio-api playback effect instrument dsp signal-processing interactive-music audio

SoundJS - A Javascript library for working with Audio

Javascript

SoundJS is a library to make working with audio on the web easier. It provides a consistent API for playing audio in different browsers, including using a target plugin model to provide an easy way to provide additional audio plugins like a Flash fallback (included, but must be used separately from the combined/minified version).A mechanism has been provided for easily tying in audio preloading to PreloadJS.

createjs soundjs gskinner audio webaudio html5 flash sound audio-player

ion.sound - JavaScript plugin for playing sounds and music in browsers

Javascript

JavaScript plugin for playing sounds on user actions and page events. Today websites are full of events (new mail, new chat-message, content update etc.). Often it is not enough to indicate this events only visually to get user attention. You need sounds! This library, made for playing small sounds, will help you with this task. Also, new version of Ion.Sound is capable to handle browser games audio. It has full control of loading, playing and removing audio files. And audio-sprites support of course.

play-sounds ion-sound html5-audio aac mp3 ogg browser-game ionsound web-audio-api web-audio-library sound sounds web audio api webaudioapi html5 events alert effect ui

audiosprite - Jukebox/Howler/CreateJS compatible audio sprite generator

Javascript

This is a ffmpeg wrapper that will take in multiple audio files and combines them into a single file. Silent gaps will be put between the parts so that every new part starts from full second and there is at least 1 second pause between every part. The final file will be exported in mp3, ogg, ac3, m4a and caf(IMA-ADPCM) to support as many devices as possible. This tool will also generate a JSON file that is compatible with Howler.js or zynga/jukebox framework. iOS, Windows Phone and some Android phones have very limited HTML5 audio support. They only support playing a single file at a time and loading in new files requires user interaction and has a big latency. To overcome this there is a technique to combine all audio into single file and only play/loop certain parts of that file. zynga/jukebox is a audio framework that uses this technique. digitalfruit/limejs is a HTML5 game framework that includes Jukebox and lets you add audio to your games using audio sprites.

audio audio-sprite jukebox ffmpeg

tuna - An audio effects library for the Web Audio API

Javascript

An audio effects library for the Web Audio API.

web-audio music audio audio-effect audio-effects tuna tunajs tuna-js

clubber - Application of music theory in audio reactive visualizations

Javascript

This small js library listens to audio sources and extracts the underlying rhythmic information. The linear frequency energies are converted into midi notes which music theory suggests to be a better segregation for music audio. A set of meaningful measurements are produced in a form suitable for direct use in webgl shaders, or any other context. This simple flow provides a powerful framework for the rapid development of awesome audio reactive visualisations.

clubber midi audio reactive web-audio music webgl frequency notes band threshold octave shadertoy dancer analysis kick bass key note vector shader analyzer analyser rhythm visualisation

PortAudio - Cross-platform Audio I/O Library

PortAudio is a free, cross-platform, open-source, audio I/O library. It lets you write simple audio programs in 'C' or C++ that will compile and run on many platforms. It provides a very simple API for recording and/or playing sound using a simple callback function or a blocking read/write interface. Example programs are included that play sine waves, process audio input (guitar fuzz), record and playback audio, list available audio devices, etc.

audio audio-library media library music sound

Flocking - Flocking - Creative audio synthesis for the Web

Javascript

Flocking is a JavaScript audio synthesis framework designed for artists and musicians who are building creative and experimental Web-based sound projects. It supports Firefox, Chrome, Safari, and Node.js on Mac OS X, Windows, Linux, iOS, and Android. Unlike comparable tools, Flocking is declarative. Its goal is to promote a uniquely community-minded approach to instrument design and composition. In Flocking, unit generators and synths are specified as JSON, making it easy to save, share, and manipulate your synthesis algorithms. Send your synths via Ajax, save them for later using HTML5 local data storage, or algorithmically produce new instruments on the fly.

flocking webaudio sound audio music synthesis

p5.js-sound - p5.sound brings the Processing approach to Web Audio and p5.js. Demos:

Javascript

p5.sound brings the Processing approach to Web Audio as an addon for p5.js. Functionality includes audio input, playback, manipulation, effects, recording, sequencing, analysis and synthesis. The library is designed to be used in tandem with p5.js.This version of the library is updated most frequently. A stable version comes with p5.js. Here's the Change Log.

omnitone - Spatial Audio Rendering on the web.

Javascript

Omnitone is a robust implementation of ambisonic decoding and binaural rendering written in Web Audio API. Its rendering process is powered by the fast native features from Web Audio API (GainNode and Convolver), ensuring the optimum performance. The implementation of Omnitone is based on the Google spatial media specification and SADIE's binaural filters. It also powers Resonance Audio SDK for web.

ambisonics webaudio spatial-audio hrtf ambisonic vr-audio 360-audio web-audio-api

songbird - Spatial Audio Encoding on the Web

Javascript

Spatial Audio Encoder in Web Audio API

spatial audio-processing webaudio ambisonics spatial-audio ambisonic vr-audio 360-audio web-audio-api interactive-audio

Sayonara-player - Platform independent music player written in C++

Sayonara is a small, clear and fast audio player for Linux written in C++, supported by the Qt framework. It uses GStreamer as audio backend. It supports Many supported music and playlist formats, Media library with fast search function, Dynamic playback, Equalizer, MP3 Converter, Radio streaming, Multimedia Keys and lot more.

music-player audio-player music audio player

netAudio

CSharp

A .NET audio, sound, and music playback library - a libVLC wrapper. netAudio allows the playback of MPEG files (MP3, etc), WMA, WAV, MP4, OGG, REAL, raw audio, FLAC, FLV, MIDI and SMF, Creative Voice and more. netAudio also provides advanced tag editing functionality via tagLib.

audio in_lay music music-player netaudio player

foobar2000 - Audio player for the Windows platform

foobar2000 is an audio player for the Windows platform. It suppors audio formats: MP3, MP4, AAC, CD Audio, WMA, Vorbis, Opus, FLAC, WavPack, WAV, AIFF, Musepack, Speex, AU, SND... and more with additional components, Advanced tagging capabilities, Gapless playback, Support for ripping Audio CDs as well as transcoding all supported audio formats using the Converter component and lot more.

music-player audio-player player music

web-audio-api - Node.js implementation of Web audio API

Javascript

This library implements the Web Audio API specification (also know as WAA) on Node.js. By default, web-audio-api doesn't play back the sound it generates. In fact, an AudioContext has no default output, and you need to give it a writable node stream to which it can write raw PCM audio. After creating an AudioContext, set its output stream like this : audioContext.outStream = writableStream.

audio audiojs sound music web-audio web-audio-api waa dsp