You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Embed clickable "hotspots" in video; callback to Javascript onClick handler Created Mar 8, 2010

This thread is solved

Views: 2921     Replies: 2     Last reply Jun 23, 2010  
You must login first before you can use this feature

thomas.atwood

Posts: 1

Registered:
Mar 8, 2010

Embed clickable "hotspots" in video; callback to Javascript onClick handler

Posted: Mar 8, 2010

I would like to be able to embed 'hotspots' in individual video frames or frame sequences that a user watching the video can click on. The hotspots would be rectangular or circular areas of the video frame ? chosen so that they loosely covered an object or person on which the user might want more information. I would like to be able to register Javascript functions that get called back when the event is raised. The idea is to let someone watching a video either request additional information about someone or something, or buy something that he sees. We'd want some way of telling a viewer that a video clip he is watching or about to watch contains hotspots, and allowing him to either leave them on or turn them off. Maybe an option that controls whether the video continues to play when the hotspot is clicked or pauses. Since a user might not click fast enough to hit the frame in which the hotspot is actually included, an option to go back to the most recent hotspot within n milliseconds or m frames of the one he did click and select the hotspot that was in that area of the frame.

dherbst

Posts: 75

Registered:
Apr 20, 2009

» Embed clickable "hotspots" in video; callback to Javascript onClick handler

Posted: Mar 12, 2010

Reply to: Embed clickable "hotspots" in video; callback to Javascript onClick handler, from thomas.atwood
Thomas,

You can do this in flowplayer today using at least these two methods, there may be more:

1. Create a swf to use as an overlay. This is probably the easiest if you have a flash developer.

2. You could use the content plugin with transparent images to use as anchor tags. You can change the html using cuepoint callbacks as the movie is playing. You could probably modify the captions plugin to use the srt format to specify both html and cuepoints.

electroteque

Posts: 205

Registered:
Nov 12, 2008

» Embed clickable "hotspots" in video; callback to Javascript onClick handler

Posted: Jun 23, 2010

Reply to: Embed clickable "hotspots" in video; callback to Javascript onClick handler, from thomas.atwood
I think what you are asking is for markers relevant to the timeline like what youtube has, is that the idea ?