We're sorry but this page doesn't work properly without JavaScript enabled. Please enable it to continue.
Feedback

GridSound : A free HTML5 Digital Audio Workstation (DAW)

Formal Metadata

Title
GridSound : A free HTML5 Digital Audio Workstation (DAW)
Subtitle
Pushing the boundaries of the Web Audio API
Title of Series
Number of Parts
611
Author
License
CC Attribution 2.0 Belgium:
You are free to use, adapt and copy, distribute and transmit the work or content in adapted or unchanged form for any legal purpose as long as the work is attributed to the author in the manner specified by the author or licensor.
Identifiers
Publisher
Release Date
Language
Production Year2017

Content Metadata

Subject Area
Genre
Abstract
GridSound is a free open source HTML5 audio sequencer based on the new freshWeb Audio technology. Drag and drop your samples, mix them and create acomposition directly in your modern browser. GridSound uses many new HTML5 technologies, the main one is the Web Audio APIwhich provides a powerful and versatile system for controlling audio on theWeb. We chose to extract all the reusable Web Audio code into a standalonelibrary: webaudio-library. The user's intial audio sample files have to bedropped into the app then into the samplegrid. For these actions we use theDrag and drop API, and for opening and read the files we use the File API.User Interface : We write our design with a modern CSS3 without any browserprefixes (eg : -webkit, -moz) and by using properties like transition anddisplay: flex, the CSS is organised into different files using Sass (SCSS).The HTML part is separated into different templates, for that we useHandlebars. We use ❮canvas❯ to draw a live audio analyser of the masteroutput, and all the audio waveform are drawn with SVG.