ABSTRACT
With HTML5 becoming more and more standardized, it is possible to implement platform independent applications running on smartphones, tablets, laptops, and desktop PCs with different operating systems and screen resolutions. A combination of HTML5 with CSS and JavaScript allows the implementation of appealing user interfaces with advanced functionality. In this paper we present an HTML5 player for interactive non-linear videos using these technologies. In addition to standard player functions, our player provides extended navigation (button panels, table of contents, keyword search) in the video, areas for additional information, opportunities for collaboration, and a logging function. The latter allows analyses of the user behavior for further research questions. We also address first user studies.
- Zeega. Website (accessed July 16, 2013), 2013. http://zeega.com/.Google Scholar
- Academic Technology Services, University of Minnesota. Videoant. Website (accessed July 16, 2013), 2008. http://ant.umn.edu/vae.php.Google Scholar
- W. Bailer, K. Schoeffmann, and F. Hopfgartner. TV Content Analysis: Techniques and Application, chapter A Survey of Advanced Content Management Tools for TV Postproduction, pages 529--566. Multimedia Computing, Communication and Intelligence. CRC Press / Taylor and Francis, 2012.Google Scholar
- D. C. Bulterman, J. Jansen, K. Kleanthous, K. Blom, and D. Benden. Ambulant: a fast, multi-platform open source smil player. In Proceedings of the 12th annual ACM international conference on Multimedia, MULTIMEDIA '04, pages 492--495, New York, NY, USA, 2004. ACM. Google ScholarDigital Library
- H.-B. Chang, T. Shih, H.-H. Hsu, and C.-C. Wang. An interactive video course platform with authoring and playback systems. In 22nd International Conference on Advanced Information Networking and Applications - Workshops, 2008. AINAW 2008., pages 1065--1070, 2008. Google ScholarDigital Library
- A. Eliëns, H. C. Huurdeman, M. R. van de Watering, and W. Bhikharie. Ximpel interactive video - between narrative(s) and game play. pages 132--136. EUROSIS, 2008.Google Scholar
- M. Fabro, B. Münzer, and L. Böszörmenyi. Smart video browsing with augmented navigation bars. In S. Li, A. Saddik, M. Wang, T. Mei, N. Sebe, S. Yan, R. Hong, and C. Gurrin, editors, Advances in Multimedia Modeling, volume 7733 of Lecture Notes in Computer Science, pages 88--98. Springer Berlin Heidelberg, 2013.Google Scholar
- A. Girgensohn, L. Wilcox, F. Shipman, and S. Bly. Designing affordances for the navigation of detail-on-demand hypervideo. In Proceedings of the working conference on Advanced visual interfaces, AVI '04, pages 290--297, New York, NY, USA, 2004. ACM. Google ScholarDigital Library
- Honkytonk Films. Klynt. interactive made easy. Website (accessed July 16, 2013), 2013. http://www.klynt.net.Google Scholar
- J. Huber, J. Steimle, R. Lissermann, S. Olberding, and M. Mühlhäuser. Wipe'n'watch: spatial interaction techniques for interrelated video collections on mobile devices. In Proceedings of the 24th BCS Interaction Specialist Group Conference, BCS '10, pages 423--427, Swinton, UK, UK, 2010. British Computer Society. Google ScholarDigital Library
- W. Hürst and K. Meier. Interfaces for timeline-based mobile video browsing. In Proceedings of the 16th ACM international conference on Multimedia, MM '08, pages 469--478, New York, NY, USA, 2008. ACM. Google ScholarDigital Library
- H. Huurdeman, M. van de Watering, W. Bhikharie, and A. Eliëns. Introducing ximpel - the extensible interactive media player for entertainment and learning. Website (accessed November 21, 2012), 2008. http://ebookbrowse.com/introducing-ximpel-diverse-2008-pdf-d23687744.Google Scholar
- J. Jin. Viml: Toward future video visualization and interaction. 2012 Ninth International Conference on Computer Graphics, Imaging and Visualization, 0:4, 2006. Google ScholarDigital Library
- T. Karrer, M. Wittenhagen, and J. Borchers. Pocketdragon: a direct manipulation video navigation interface for mobile devices. In Proceedings of the 11th International Conference on Human-Computer Interaction with Mobile Devices and Services, MobileHCI '09, pages 47:1--47:3, New York, NY, USA, 2009. ACM. Google ScholarDigital Library
- R. Laiola Guimarães, P. Cesar, and D. C. Bulterman. Creating and sharing personalized time-based annotations of videos on the web. In Proceedings of the 10th ACM symposium on Document engineering, DocEng '10, pages 27--36, New York, NY, USA, 2010. ACM. Google ScholarDigital Library
- B. Meixner, K. Kandlbinder, B. Siegel, F. Lehner, H. Kosch, and A. Kohl. What users expect from players for interactive (non-linear) videos. In Mensch & Computer 2012: interaktiv informiert - allgegenwäärtig und allumfassend!?, pages 337--340, München, 2012. Oldenbourg Verlag.Google Scholar
- B. Meixner and H. Kosch. Interactive non-linear video: definition and xml structure. In Proceedings of the 2012 ACM symposium on Document engineering, DocEng '12, pages 49--58, New York, NY, USA, 2012. ACM. Google ScholarDigital Library
- B. Meixner, J. Köstler, and H. Kosch. A mobile player for interactive non-linear video. In Proceedings of the 19th ACM international conference on Multimedia, MM '11, pages 779--780, New York, NY, USA, 2011. ACM. Google ScholarDigital Library
- B. Meixner, K. Matusik, C. Grill, and H. Kosch. Towards an easy to use authoring tool for interactive non-linear video. Multimedia Tools and Applications, pages 1--26, 2012. Springer Netherlands, ISSN 1380-7501.Google Scholar
- B. Meixner, B. Siegel, G. Hölbling, F. Lehner, and H. Kosch. Siva suite: authoring system and player for interactive non-linear videos. In Proceedings of the international conference on Multimedia, MM '10, pages 1563--1566, New York, NY, USA, 2010. ACM. Google ScholarDigital Library
- Mozilla. Popcorn.js. the html5 media framework. Website (accessed November 22, 2012), 2012. http://popcornjs.org/documentation.Google Scholar
- L. Nixon, M. Bauer, and C. Bara. Connected media experiences: web based interactive video using linked data. In Proceedings of the 22nd international conference on World Wide Web companion, WWW '13 Companion, pages 309--312, Republic and Canton of Geneva, Switzerland, 2013. International World Wide Web Conferences Steering Committee. Google ScholarDigital Library
- P. Oehme, M. Krug, F. Wiedemann, and M. Gaedke. The chrooma+ approach to enrich video content using html5. In Proceedings of the 22nd international conference on World Wide Web companion, WWW '13 Companion, pages 479--480, Geneva, Switzerland, 2013. International World Wide Web Conferences Steering Committee. Google ScholarDigital Library
- K. Tonndorf, T. Knieper, B. Meixner, H. Kosch, and F. Lehner. Challenges in creating multimedia instructions for support systems and dynamic problem-solving. In Proceedings of the 12th International Conference on Knowledge Management and Knowledge Technologies, i-KNOW '12, pages 33:1--33:4, New York, NY, USA, 2012. ACM. Google ScholarDigital Library
- wireWAX Ltd. wirewax. Website (accessed July 16, 2013), 2013. https://www.wirewax.com/.Google Scholar
- W. Y. Wong and P. Reimann. Web based educational video teaching and learning platform with collaborative annotation. In Ninth IEEE International Conference on Advanced Learning Technologies, 2009. ICALT 2009., pages 696--700, july 2009. Google ScholarDigital Library
- YouTube, LLC. Getting started with annotations. Website (accessed November 21, 2012), 2012. http://support.google.com/youtube/bin/answer.py?hl=en&topic=14354&answer=92710.Google Scholar
Index Terms
- An HTML5 Player for Interactive Non-linear Video with Time-based Collaborative Annotations
Comments