Current location: Hot Scripts Forums » General Web Coding » HTML5 » HTML5 video to canvas snapshots


HTML5 video to canvas snapshots

Reply
  #1 (permalink)  
Old 05-03-11, 12:43 PM
gelboe gelboe is offline
New Member
 
Join Date: May 2011
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
HTML5 video to canvas snapshots

hi

i have a a sample HTML5 / Javascript page working which will play a .webm video using the HTML5 <video> tag.

when the pause button is clicked, a javascript listener grabs a snapshot of the current video frame and draws it to a canvas. this all works fine.

what i would like to do is extend this so it takes the first snapshot and then also instantly takes a sequence of additional snapshots at given intervals througout the movie from that point onwards.

i dont want to have to play the movie through and take each snapshot as it is visible in the player but rather programmatically jump to points in the video (by seconds) and extract the frame from the file.

any suggestions on how i can achieve this would be great

many thanks
Reply With Quote
Reply

Bookmarks

Tags
canvas, html5, snapshot, video


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump


All times are GMT -5. The time now is 09:31 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.