HTML5-pohjainen äänennauhoitusohjelma

Abstract

Tämän opinnäytetyön aiheena oli luoda HTML5-pohjainen äänennauhoitusohjelma, jota käytetään osana Otometri Oy:n korvatulehdusmittausohjelmistoa. Otometrin tarjoamalla palvelulla vanhemmat voivat seurata lastensa korvien terveyttä kotona. Uudella, pelkästään selaimella toimivalla nauhoitusohjelmalla oli tarkoitus korvata aikaisempi ladattava Java-versio.

Työ aloitettiin perehtymällä HTML5:n tarjoamiin mahdollisuuksiin nauhoittaa ja toistaa ääntä. Mahdollisuuksien toteamisen jälkeen ohjelma suunniteltiin ja toteutettiin. Koska Otometri on kliinisesti tutkittu tuote, uuden mittausohjelmiston kehityksen aikana tuloksia oli verrattava vanhan mittausohjelmiston kanssa, jotta voitiin olla varmoja siitä, että uuden nauhoitusohjelman tulokset ovat luotettavia.

Työ onnistui vaaditulla tasolla ja otettiin käyttöön yrityksessä sen valmistuttua. Koska HTML5 on vielä kehittyvä tekniikka, eikä se ole täysin tuettu, myös vanha Java-versio jätettiin valittavaksi vaihtoehdoksi suorittaa mittaus. Uusi HTML5-versio mahdollistaa myös jatkokehityksen, jolloin mittauksen voi suorittaa tulevaisuudessa myös mobiililaitteilla.

The goal for this thesis was to create a new audio recorder program which runs solely on browser with HTML5. The thesis was assigned by Otometri Ltd which offers a service for parents where they can measure their children ears at home and monitor for ear infections.

I started this project by checking the possibilities of HTML5 regarding audio playback and recording. After confirming the needed features, I designed and implemented the old Java-based program in HTML5. During the implementation I had to check that the new HTML5 version would give similar audio files and results as the Java version.

The project goal was achieved and the new HTML5 audio recording program was taken into use after it was finished. Because HTML5 is still in development and not supported on every single browser, the old Java version was kept alongside the new HTML5 version so users have the ability to use the Java version if they want or can't use the new HTML5 version. HTML5 gives also possi- bilities for future development for mobile support.