Web Audio API -Äänigeneraattori

Abstract

TIIVISTELMÄ Oulun ammattikorkeakoulu Tietotekniikan koulutusohjelma, ohjelmistokehitys

Tekijä(t): Markku Leinonen Opinnäytetyön nimi: Web Audio API -Äänigeneraattori Työn ohjaaja(t): Terhi Holappa Työn valmistumislukukausi ja -vuosi: Syksy 2015 Sivumäärä: 32 + 3 liitettä

Tämän työn aiheena oli W3C-yhteisön tarjoama Web Audio API ja sen tarjoamat äänenmuokkausmenetelmät. Tarkoituksena oli kehittää äänigeneraattorisovellus, jossa olisi yksi tai useampi äänilähde (oscillator ja noise). Oskillaattoreiden tuottamaa ääntä tulisi olla mahdollista muokata erilaisin audio- ja elektroniikka-alan äänenmuokkausperiaattein. Näitä periaatteita ovat mm. volume, frequency, VCO, VCA, LPF, LFO, delay ja feedback. Idea aiheeseen saatiin elektronisen musiikin harrastajilta.

Tarkoituksena oli toteuttaa laitteistoriippumaton Google Chrome -verkkoselainpohjainen äänigeneraattorisovellus, käyttäen HTML5-, CSS3- ja JavaScript-ohjelmointikieliä ja Web Audio-ohjelmointirajapintaa. Tarkoituksena oli myös toteuttaa sovellus, joka ei tarvitsisi toimiakseen mitään riippuvuuksia eikä internet-yhteyttä, vaan sovelluksen tulisi toimia paikallisesti esimerkiksi PC:lla tai tablettitietokoneella. Tässä onnistuttiin varsin hyvin.

Projekti aloitettiin tutustumalla mahdollisiin olemassa oleviin Web Audio API -äänenmuokkaussovelluksiin. Tarjolla olevissa sovelluksissa huomattiin mm. Noise-ominaisuuden monipuolisen muokkauksen puute. Tässä projektissa kehitetty ja toteutettu äänigeneraattorisovellus toimii ilman kolmansien osapuolien tai muiden ohjelmoijien tekemiä apusovelluksia. Sovellus toimii Chrome-verkkoselaimessa täysin JavaScript- ja Web Audio API-pohjaisesti. Sovelluksen ulkoasu on toteutettu HTML5- ja CSS3-periaatteita käyttäen. Sovellus toimii sille määritellyssä tarkoituksessaan eli äänen tuottamisessa ja muokkaamisessa varsin hyvin. Sovellukseen jäi kehitettävää tallennusominaisuuden osalta.

Asiasanat: Web Audio API, HTML5, CSS3, JavaScript, Äänigeneraattori.

ABSTRACT Oulu University of Applied Sciences Degree programme in Information Technolgy, software development

Author(s): Markku Leinonen Title of thesis: Web Audio API Sound Generator Supervisor(s): Terhi Holappa Term and year when the thesis was submitted: autumn 2015 Pages: 32 + 3 appendices

The subject of this project is Web Audio API offered by W3C. The aim of this project was to develop and implement a sound generator application using Web Audio API and HTML5, CSS3 and JavaScript programming languages. The application should be developed in a way that it could be used locally with Google Chrome web browser without any connection to internet. There should be at least two separate oscillator and Noise-sources in the application. The user should be able to modify this oscillating sound or noise according to the principles of the audio technic. The principles such as volume, frequency, VCO, VCA, LPF, LFO, delay and feedback must be included in the generator. The idea for the project was found out among electronic musicians. The application turned out to be very suitable for the purpose it was originally designed for.

Keywords: Web Audio API, HTML5, CSS3, JavaScript, Sound generator