SlideShare a Scribd company logo
1 of 1
Download to read offline
LikeLines: Collecting Timecode-level Feedback
                      for Web Videos through User Interactions
                                         Raynor Vliegendhart, Martha Larson, and Alan Hanjalic
                                           Multimedia Information Retrieval Lab, Delft University of Technology



 Problem                                                                            Approach
 ● Problem: Providing users with a navigable heat map of interesting                A Web video player component with a navigable heat map, that:
   regions of the video they are watching.
                                                                                    ● Uses multimedia content analysis to seed the heat map.
 ● Motivation: Conventional time sliders do not make the inner structure
                                                                                    ● Captures implicit and explicit user feedback at the timecode-level
   of the video apparent, making it hard to navigate to the interesting bits.
                                                                                      to refine the heat map.


                                                                  LikeLines player




                                                                                                           play
                               viewers                                                                     pause
                                                                                                           seek
                                                                                                           like
                                                                                                           ...                       interaction
                                                                                                                                   session server
                          content analysis




 System Overview                                                                    Implementation
 ● Video player component, augmented with:                                          ● Video player component implemented in JavaScript and HTML5.
      ● Navigable heat map that allows users to jump directly to “hot”              ● Out-of-the-box support for YouTube and HTML5 videos.
        areas;
                                                                                       <script type="text/javascript">
      ● Time-sensitive “like” button that allows users to explicitly like                 var player = new LikeLines.Player('playerDiv', {
        particular points in the video.                                                      video: 'http://www.youtube.com/watch?v=wPTilA0XxYE',
                                                                                             backend: 'http://backend:9090/'

 ● Captures user interactions:                                                            });
                                                                                       </script>

      ● Implicit feedback such as playing, pausing and seeking;
      ● Explicit “likes” expressed by the user.                                     ● Video player component communicates with a back-end server
                                                                                      using JSON(P).
 ● Combines content analysis and captured user interactions to compute
   a video’s heat map.                                                              ● Back-end server reference implementation is written in Python.




                  t (s)
                          +                    t (s)
                                                       + …+                 t (s)
                                                                                    Future Work
                                                                                    ● For what kinds of video is timecode-level feedback useful?
 content analysis             user feedback 1               user feedback n
                                                                                    ● How should user interactions be interpreted?

 ● Back-end interaction session server stores and aggregates per video:             ● How to fuse timecode-level feedback with content analysis
                                                                                      without encouraging snowball effects?
      ● All interaction sessions between each user and player;
      ● Initial multimedia content analysis of the video.                           ● Can timecode-level data be linked to queries to recommend
                                                                                      relevant jump points?

       Source code:                                                                 ● How to collect a critical mass of timecode-level data by
       https://github.com/delftmir/likelines-player                                   incentivizing users to interact with the system?




Contact: R.Vliegendhart@tudelft.nl                                                       20th ACM international conference on Multimedia, Nara, Japan, 2012
         @ShinNoNoir

More Related Content

Similar to ACMMM12 - LikeLines: Collecting Timecode-level Feedback for Web Videos through User Interactions

DEF CON 24 - Allan Cecil and DwangoAC - tasbot the perfectionist
DEF CON 24 - Allan Cecil and DwangoAC -  tasbot the perfectionistDEF CON 24 - Allan Cecil and DwangoAC -  tasbot the perfectionist
DEF CON 24 - Allan Cecil and DwangoAC - tasbot the perfectionistFelipe Prado
 
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire - RAGE:...
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire -  RAGE:...Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire -  RAGE:...
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire - RAGE:...eMadrid network
 
GStreamer support in WebKit. what’s new?
GStreamer support in WebKit. what’s new?GStreamer support in WebKit. what’s new?
GStreamer support in WebKit. what’s new?philn2
 
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)GStreamer support in WebKit. What's new? (GStreamer Conference 2015)
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)Igalia
 
Frame accurate video client in the browser
Frame accurate video client in the browserFrame accurate video client in the browser
Frame accurate video client in the browserJordi Cenzano
 
Capstone Project Final Presentation
Capstone Project Final PresentationCapstone Project Final Presentation
Capstone Project Final PresentationMatthew Chang
 
FIWARE Developers Week_BootcampWeBUI_presentation1
FIWARE Developers Week_BootcampWeBUI_presentation1FIWARE Developers Week_BootcampWeBUI_presentation1
FIWARE Developers Week_BootcampWeBUI_presentation1FIWARE
 
FIWARE Global Summit - Real-time Media Stream Processing Using Kurento
FIWARE Global Summit - Real-time Media Stream Processing Using KurentoFIWARE Global Summit - Real-time Media Stream Processing Using Kurento
FIWARE Global Summit - Real-time Media Stream Processing Using KurentoFIWARE
 
FIWARE Global Summit - Real-time Media Stream Processing using Kurento
FIWARE Global Summit - Real-time Media Stream Processing using KurentoFIWARE Global Summit - Real-time Media Stream Processing using Kurento
FIWARE Global Summit - Real-time Media Stream Processing using KurentoFIWARE
 
Gainesville Web Developer Group, Sept 2012
Gainesville Web Developer Group, Sept 2012Gainesville Web Developer Group, Sept 2012
Gainesville Web Developer Group, Sept 2012Daniel Woods
 
Concerto conmoto
Concerto conmotoConcerto conmoto
Concerto conmotomskmoorthy
 
ngGoBuilder and collaborative development between San Francisco and Tokyo
ngGoBuilder and collaborative development between San Francisco and TokyongGoBuilder and collaborative development between San Francisco and Tokyo
ngGoBuilder and collaborative development between San Francisco and Tokyonotolab
 
Castle Game Engine and the joy of making and using a custom game engine
Castle Game Engine and the joy  of making and using a custom game engineCastle Game Engine and the joy  of making and using a custom game engine
Castle Game Engine and the joy of making and using a custom game engineMichalis Kamburelis
 
React for non techies
React for non techiesReact for non techies
React for non techiesAmy Crimmens
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_playfirenze-gtug
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_playfirenze-gtug
 
React for Non Techies
React for Non TechiesReact for Non Techies
React for Non TechiesJack Hoy
 
Designing a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile gamesDesigning a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile gamesiFunFactory Inc.
 
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...DevClub_lv
 

Similar to ACMMM12 - LikeLines: Collecting Timecode-level Feedback for Web Videos through User Interactions (20)

DEF CON 24 - Allan Cecil and DwangoAC - tasbot the perfectionist
DEF CON 24 - Allan Cecil and DwangoAC -  tasbot the perfectionistDEF CON 24 - Allan Cecil and DwangoAC -  tasbot the perfectionist
DEF CON 24 - Allan Cecil and DwangoAC - tasbot the perfectionist
 
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire - RAGE:...
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire -  RAGE:...Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire -  RAGE:...
Seminario eMadrid 2015 09 10 sobre Serious Games (UCM) Manuel Freire - RAGE:...
 
GStreamer support in WebKit. what’s new?
GStreamer support in WebKit. what’s new?GStreamer support in WebKit. what’s new?
GStreamer support in WebKit. what’s new?
 
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)GStreamer support in WebKit. What's new? (GStreamer Conference 2015)
GStreamer support in WebKit. What's new? (GStreamer Conference 2015)
 
Frame accurate video client in the browser
Frame accurate video client in the browserFrame accurate video client in the browser
Frame accurate video client in the browser
 
Capstone Project Final Presentation
Capstone Project Final PresentationCapstone Project Final Presentation
Capstone Project Final Presentation
 
FIWARE Developers Week_BootcampWeBUI_presentation1
FIWARE Developers Week_BootcampWeBUI_presentation1FIWARE Developers Week_BootcampWeBUI_presentation1
FIWARE Developers Week_BootcampWeBUI_presentation1
 
FIWARE Global Summit - Real-time Media Stream Processing Using Kurento
FIWARE Global Summit - Real-time Media Stream Processing Using KurentoFIWARE Global Summit - Real-time Media Stream Processing Using Kurento
FIWARE Global Summit - Real-time Media Stream Processing Using Kurento
 
FIWARE Global Summit - Real-time Media Stream Processing using Kurento
FIWARE Global Summit - Real-time Media Stream Processing using KurentoFIWARE Global Summit - Real-time Media Stream Processing using Kurento
FIWARE Global Summit - Real-time Media Stream Processing using Kurento
 
Gainesville Web Developer Group, Sept 2012
Gainesville Web Developer Group, Sept 2012Gainesville Web Developer Group, Sept 2012
Gainesville Web Developer Group, Sept 2012
 
Concerto conmoto
Concerto conmotoConcerto conmoto
Concerto conmoto
 
ngGoBuilder and collaborative development between San Francisco and Tokyo
ngGoBuilder and collaborative development between San Francisco and TokyongGoBuilder and collaborative development between San Francisco and Tokyo
ngGoBuilder and collaborative development between San Francisco and Tokyo
 
Castle Game Engine and the joy of making and using a custom game engine
Castle Game Engine and the joy  of making and using a custom game engineCastle Game Engine and the joy  of making and using a custom game engine
Castle Game Engine and the joy of making and using a custom game engine
 
React for non techies
React for non techiesReact for non techies
React for non techies
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_play
 
Chrome game programming_with_for_play
Chrome game programming_with_for_playChrome game programming_with_for_play
Chrome game programming_with_for_play
 
React for Non Techies
React for Non TechiesReact for Non Techies
React for Non Techies
 
React for non techies
React for non techiesReact for non techies
React for non techies
 
Designing a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile gamesDesigning a pragmatic back-end service for mobile games
Designing a pragmatic back-end service for mobile games
 
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
AAA 3D GRAPHICS ON THE WEB WITH REACTJS + BABYLONJS + UNITY3D by Denis Radin ...
 

ACMMM12 - LikeLines: Collecting Timecode-level Feedback for Web Videos through User Interactions

  • 1. LikeLines: Collecting Timecode-level Feedback for Web Videos through User Interactions Raynor Vliegendhart, Martha Larson, and Alan Hanjalic Multimedia Information Retrieval Lab, Delft University of Technology Problem Approach ● Problem: Providing users with a navigable heat map of interesting A Web video player component with a navigable heat map, that: regions of the video they are watching. ● Uses multimedia content analysis to seed the heat map. ● Motivation: Conventional time sliders do not make the inner structure ● Captures implicit and explicit user feedback at the timecode-level of the video apparent, making it hard to navigate to the interesting bits. to refine the heat map. LikeLines player play viewers pause seek like ... interaction session server content analysis System Overview Implementation ● Video player component, augmented with: ● Video player component implemented in JavaScript and HTML5. ● Navigable heat map that allows users to jump directly to “hot” ● Out-of-the-box support for YouTube and HTML5 videos. areas; <script type="text/javascript"> ● Time-sensitive “like” button that allows users to explicitly like var player = new LikeLines.Player('playerDiv', { particular points in the video. video: 'http://www.youtube.com/watch?v=wPTilA0XxYE', backend: 'http://backend:9090/' ● Captures user interactions: }); </script> ● Implicit feedback such as playing, pausing and seeking; ● Explicit “likes” expressed by the user. ● Video player component communicates with a back-end server using JSON(P). ● Combines content analysis and captured user interactions to compute a video’s heat map. ● Back-end server reference implementation is written in Python. t (s) + t (s) + …+ t (s) Future Work ● For what kinds of video is timecode-level feedback useful? content analysis user feedback 1 user feedback n ● How should user interactions be interpreted? ● Back-end interaction session server stores and aggregates per video: ● How to fuse timecode-level feedback with content analysis without encouraging snowball effects? ● All interaction sessions between each user and player; ● Initial multimedia content analysis of the video. ● Can timecode-level data be linked to queries to recommend relevant jump points? Source code: ● How to collect a critical mass of timecode-level data by https://github.com/delftmir/likelines-player incentivizing users to interact with the system? Contact: R.Vliegendhart@tudelft.nl 20th ACM international conference on Multimedia, Nara, Japan, 2012 @ShinNoNoir