skip to main content
10.1145/2536853.2536868acmotherconferencesArticle/Chapter ViewAbstractPublication PagesmommConference Proceedingsconference-collections
research-article

An HTML5 Player for Interactive Non-linear Video with Time-based Collaborative Annotations

Authors Info & Claims
Published:02 December 2013Publication History

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.

References

  1. Zeega. Website (accessed July 16, 2013), 2013. http://zeega.com/.Google ScholarGoogle Scholar
  2. Academic Technology Services, University of Minnesota. Videoant. Website (accessed July 16, 2013), 2008. http://ant.umn.edu/vae.php.Google ScholarGoogle Scholar
  3. 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 ScholarGoogle Scholar
  4. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  5. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  6. 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 ScholarGoogle Scholar
  7. 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 ScholarGoogle Scholar
  8. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  9. Honkytonk Films. Klynt. interactive made easy. Website (accessed July 16, 2013), 2013. http://www.klynt.net.Google ScholarGoogle Scholar
  10. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  11. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  12. 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 ScholarGoogle Scholar
  13. J. Jin. Viml: Toward future video visualization and interaction. 2012 Ninth International Conference on Computer Graphics, Imaging and Visualization, 0:4, 2006. Google ScholarGoogle ScholarDigital LibraryDigital Library
  14. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  15. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  16. 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 ScholarGoogle Scholar
  17. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  18. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  19. 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 ScholarGoogle Scholar
  20. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  21. Mozilla. Popcorn.js. the html5 media framework. Website (accessed November 22, 2012), 2012. http://popcornjs.org/documentation.Google ScholarGoogle Scholar
  22. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  23. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  24. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  25. wireWAX Ltd. wirewax. Website (accessed July 16, 2013), 2013. https://www.wirewax.com/.Google ScholarGoogle Scholar
  26. 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 ScholarGoogle ScholarDigital LibraryDigital Library
  27. 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 ScholarGoogle Scholar

Index Terms

  1. An HTML5 Player for Interactive Non-linear Video with Time-based Collaborative Annotations

      Recommendations

      Comments

      Login options

      Check if you have access through your login credentials or your institution to get full access on this article.

      Sign in
      • Published in

        cover image ACM Other conferences
        MoMM '13: Proceedings of International Conference on Advances in Mobile Computing & Multimedia
        December 2013
        599 pages
        ISBN:9781450321068
        DOI:10.1145/2536853

        Copyright © 2013 ACM

        Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

        Publisher

        Association for Computing Machinery

        New York, NY, United States

        Publication History

        • Published: 2 December 2013

        Permissions

        Request permissions about this article.

        Request Permissions

        Check for updates

        Qualifiers

        • research-article
        • Research
        • Refereed limited

      PDF Format

      View or Download as a PDF file.

      PDF

      eReader

      View online with eReader.

      eReader