HTML5:n multimediatoiminnallisuus
Rötkin, Juha (2014)
Rötkin, Juha
HAAGA-HELIA ammattikorkeakoulu
2014
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2014112817410
https://urn.fi/URN:NBN:fi:amk-2014112817410
Tiivistelmä
Opinnäytetyön tarkoituksena oli testata HTML5:n multimediaelementtien toimintaa neljällä työpöytäselaimella. Tarkoitusta varten tehtiin yksinkertaiset testisivut, jolle eri kolme eri elementtiä sijoitettiin. Elementit olivat video, audio ja canvas. Testisivun avulla testattiin elementtien perustoiminnallisuutta, sekä laajempaa toiminnallisuutta itse tehtyjen kontrollien avulla. Sivut toteutettiin HTML5:llä ja lisätoiminnallisuus tehtiin JavaScriptillä.
Tietoperusta käsitteli Internetin ja HTML:n historiaa, erilaisia HTML:n avuksi tarkoi-tettuja laajennuksia, HTML5:ttä, Flashia sekä Flashin ja HTML5:n välisiä eroja. Erityistä huomiota kiinnitettiin video-, audio- ja canvas-elementtien ominaisuuksiin ja Flashin osalta pääpaino oli samoin video- ja audio-ominaisuuksilla.
Testauksessa testattiin kaikkien selaimien osalta samat asiat, että saatiin vertailukelpoinen lopputulos. Testauksessa käytettiin selaimina Internet Explorer 11:tä, Chromea, Firefoxia ja Operaa. Pääpiirteissään elementit toimivat kaikissa neljässä selaimessa sa-malla tavalla, joskin pieniä eroavaisuuksia löytyi, eritoten ulkoasun suhteen.
Yhteenvetona voitiin todeta, että HTML5:n multimediaelementit toimivat kaikissa tes-tatuissa selaimissa riittävän hyvin niiden kaupallista käyttöä varten. Kunhan suunnitte-lussa muistetaan ottaa huomioon erot elementtien ulkoasun kohdalla.
Tietoperusta käsitteli Internetin ja HTML:n historiaa, erilaisia HTML:n avuksi tarkoi-tettuja laajennuksia, HTML5:ttä, Flashia sekä Flashin ja HTML5:n välisiä eroja. Erityistä huomiota kiinnitettiin video-, audio- ja canvas-elementtien ominaisuuksiin ja Flashin osalta pääpaino oli samoin video- ja audio-ominaisuuksilla.
Testauksessa testattiin kaikkien selaimien osalta samat asiat, että saatiin vertailukelpoinen lopputulos. Testauksessa käytettiin selaimina Internet Explorer 11:tä, Chromea, Firefoxia ja Operaa. Pääpiirteissään elementit toimivat kaikissa neljässä selaimessa sa-malla tavalla, joskin pieniä eroavaisuuksia löytyi, eritoten ulkoasun suhteen.
Yhteenvetona voitiin todeta, että HTML5:n multimediaelementit toimivat kaikissa tes-tatuissa selaimissa riittävän hyvin niiden kaupallista käyttöä varten. Kunhan suunnitte-lussa muistetaan ottaa huomioon erot elementtien ulkoasun kohdalla.