Videon esittäminen HTML 5 video-tagissa

Abstract

Opinnäytteen tavoitteena on videon esittäminen websivulla käyttämällä HTML 5:n tarjoamaa uudistusta eli video-tagia. Opinnäytteessä tutkitaan mitkä videoformaatit sopivat esitettäväksi Internetissä ja mitkä näistä formaateista sopii parhaiten HTML 5:lle. Työssä tutkitaan näiden lisäksi HTML 5:n uudistuksia ja formaattien tuki yleisimmissä selaimissa.

Opinnäytteessä analysoitiin videoformaattien ominaisuuksia ja vertailtiin niiden saama tuki eri selaimissa ja ympäristöissä. Työssä tutkittiin myös videon käytössä olevia kuvasuhteita eri laitteissa ja ympäristöissä sekä videonpakkaukseen liittyviä keskeisiä piirteitä.

Videoformaattien testausta varten videoleikettä pakattiin halauttuihin videoformaatteihin Miro Video Converter -videonpakkausohjelmalla ja luotiin HTML 5-sivun. Sivua testattiin viidessä yleisimmissä selaimissa Windows-ympäristössä. Videoformaattien toistomahdollisuuksia eri selaimissa näkyy taulukosta 7.

The objective of this thesis is to able to stream video online using new video-feature offering by HTML 5. The goal is to find suitable video formats for streaming and to find which of these are supported in HTML 5. The new features of HTML 5 are also studied as well as video formats that are supported in common web browsers.

The features of video formats are analyzed and their support in different web browsers and platforms are compared. The research is also made on common used video sizes in different devices and system. Also video compression and its related vital settings have been studied.

For video testing, a Miro Video Converter –program is used to compress a video clip into desired video formats and a HTML 5 webpage is created. The webpage is then tested in five most common used web browsers. The supported playback of video formats in different web browsers can be viewed in table 7.