HTML5 video z interaktivnimi komentarji

Kozmelj, Martin (author), Bešter, Janez (mentor)

Video posnetki so postali zelo priljubljeno orodje za najrazličnejše namene. Zato so v konzorciju za svetovni splet (ang. World Wide Web Consortium - W3C) za potrebe podpore multimedijskim datotekam razvili nov jezik za označevanje nadbesedil (ang. Hyper Text Markup Language 5 - HTML5). Ena izmed prednosti omenjenega standarda je vključitev video in avdio značk, ki omogočata predvajanje video posnetkov brez uporabe dodatnih zunanjih vtičnikov, ki niso bili podprti v vseh brskalnikih enako. Meteor je odprtokodno ogrodje, ki omogoča razvoj spletnih aplikacij. Z njegovo pomočjo lahko upravljamo tako strežniški del (ang. back-end) kot tudi spletni del (ang. front-end). S pomočjo strukture, dogodkov in funkcij omogoča hitrejši razvoj aplikacij. Bootstrap je ogrodje, ki omogoča hitrejši razvoj in upravljanje uporabniškega vmesnika spletnih aplikacij. Temelji na tehnologijah CSS in JavaScript. Oblikovalcem spletne strani so tako na voljo različna oblikovanja naslovov, gumbov, tabel in vseh HTML elementov, ki se pogosto uporabljajo. Za postavitev in razporeditev elementov na strani so vključili tudi mrežni sistem (ang. grid system). V okviru diplomske naloge sem v platformi MiTeam razvil funkcionalnost dodajanja, prikazovanja in odstranjevanja interaktivnih komentarjev, vezanih na časovnico video posnetka. Vsak komentar je vezan na točno določen trenutek v video posnetku in klik na komentar prestavi predvajanje video posnetka na ta trenutek.

• Language: Slovenian
• Keywords: HTML5, video, interaktivni komentarji, Bootstrap, Meteor, MiTeam
• Work type: Bachelor thesis/paper
• Organization: FE - Faculty of Electrical Engineering
• Year: 2018
• PID: 20.500.12556/RUL-102983
• Publication date in RUL: 12.09.2018

Secondary language

• Language: English
• Title: HTML5 video with interactive comments

Abstract

Video is a very popular tool for different purposes. That is one of the reasons for development of new standard HTML5 by the W3C. The main improvement of the standard are video and audio tags, which allow browser to show multimedia content without using any plugins. Meteor is an open source tool for developing web applications. It is used for managing both server and client side. Bootstrap is a library that helps developers to build and design their web applications. It is based on CSS and JavaScript. Developers can use different designs for buttons, headers, tables or any other HTML element. There is a grid system that helps developers put all the elements in the right place. In my bachelor thesis I developed functionality for adding, showing and deleting interactive comments in platform MiTeam. Every comment is linked to a specific moment in the video and by clicking on the comment, one is able to move the video to this moment.

• Keywords: HTML5, video, interactive comments, Bootstrap, Meteor, MiTeam