Clickable and interactive video system using HTML5

Prima Dewi Purnamasari, Nadya Syifana

Research output: Chapter in Book/Report/Conference proceedingConference contribution

2 Citations (Scopus)

Abstract

Interactive video aims to make users feel more involved in an information search, so that they will try to obtain deeper information without feeling forced. Therefore, interactive video is one of the appropriate approaches that can be used in information dissemination process. In this research, we have successfully made an interactive video system in the form of clickable video where user can click some parts of the video while the video is playing. This event links user to deeper information in a pop up area. Video streaming is conducted using HTTP streaming mechanism through a web browser that supports HTML5 without additional plug-in or video player. The clickable interactive video system was made using HTML5 and JavaScript. Canvas element in HTML5 is the main component used to make the video streaming clickable and interactive. The experiment demonstrates that the clickable video streaming in MP4 format can be successfully played on Chrome, Safari and Internet Explorer Web browser and it also shown that Google Chrome has the fastest video loading time.

Original languageEnglish
Title of host publicationInternational Conference on Information Networking 2014, ICOIN 2014
PublisherIEEE Computer Society
Pages232-237
Number of pages6
ISBN (Print)9781479936892
DOIs
Publication statusPublished - 1 Jan 2014
Event2014 28th International Conference on Information Networking, ICOIN 2014 - Phuket, Thailand
Duration: 10 Feb 201412 Feb 2014

Publication series

NameInternational Conference on Information Networking
ISSN (Print)1976-7684

Conference

Conference2014 28th International Conference on Information Networking, ICOIN 2014
CountryThailand
CityPhuket
Period10/02/1412/02/14

Keywords

  • clickable
  • HTML5
  • interactive
  • multimedia
  • video

Fingerprint Dive into the research topics of 'Clickable and interactive video system using HTML5'. Together they form a unique fingerprint.

Cite this