Utredning av ljudmöjligheter i HTML5 : En kort guide till audioelementet och Web Audio API

Abstract

Detta arbete behandlar möjligheterna med att arbeta med ljud i modern webbutveckling, där vi allt starkare glider ifrån behovet att använda oss av externa insticksprogram så som Flash för ändamålet. HTML5 har hämtat med sig goda möjligheter för detta och standarden är redan väl implementerat i de flesta webbläsarna. Jag bekantade mig med HTML5:s audioelement som möjliggör ett smidigt sätt att spela upp ljud på en webbsida. Audioelementet har dock begränsningar som gör det oönskat att användas i spel och interaktiva tillämpningar, därför undersöktes även Web Audio API i detta arbete. WAAPI är flexibelt och möjliggör utveckling av egna audioapplikationer med hjälp av JavaScript. Arbetet är en litteraturstudie kompletterad med lite eget testande. Jag gick igenom grundegenskaperna i både audioelementet och WAAPI med hjälp av praktiska kodexempel och förklaringar.

In this degree thesis I study the possibilities of working with audio in modern web development, where the use of external plugins such as Flash to produce audio content is increasingly discouraged. HTML5 has brought us a few good tools for this, and the standard is already well-implemented in most web browsers. I examine the audio element in HTML5, which makes it easy to set up audio files for playback on a webpage. The audio element, however, has certain limitations making it unsuitable for more advanced audio applications, such as games and interactive web applications, thus the basics of Web Audio API are also covered in this study. WAAPI is a flexible platform that allows development of custom audio applications with the use of JavaScript. The thesis is a literature study complemented by some testing of my own. I covered the basic features and usage of both the audio element and the WAAPI using practical code examples and explanations.