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)

Formale Metadaten

Titel
GridSound : A free HTML5 Digital Audio Workstation (DAW)
Untertitel
Pushing the boundaries of the Web Audio API
Serientitel
Anzahl der Teile
611
Autor
Lizenz
CC-Namensnennung 2.0 Belgien:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen.
Identifikatoren
Herausgeber
Erscheinungsjahr
Sprache
Produktionsjahr2017

Inhaltliche Metadaten

Fachgebiet
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.