popcornjs

Get frame numbers in HTML5 Video

霸气de小男生 提交于 2019-12-17 18:21:49
问题 I am trying to capture each frame number of the video however it looks like there is no way of achieving it. So I started my own clock to match the frame numbers of the video but they never match and the difference keeps increasing as the video progress. Please have a look at my bin. http://jsbin.com/dopuvo/4/edit I have added the frame number to each frame of the video from Adobe After Effect so I have more accurate information of the difference. The Video is running at 29.97fps and the

HTML5 video within time frame

别来无恙 提交于 2019-12-12 01:29:22
问题 So I am working on an interactive HTML5 video player, and currently have everything working while using popcorn.js, but I am now trying to go back and make my player work without being dependent on popcorn.js. When working with popcorn.js, you can use code like: popcorn.code(( start: 0, end: 5, onStart: function( options ) { //put code here } }} and your code will be executed when the time of your video spans from 0 through 5. Now, I am trying to have certain blocks of code executed within a

Is it possible to export video with comments on overlay of video using popcorn JS?

一个人想着一个人 提交于 2019-12-10 13:43:41
问题 I am using porpcorn JS for adding annotations on video, I have created overlay on video and all annotations are rendered on video. Is there any way so that I can export video with embedded html content inside an .mp4 -file. So I can play that video in any native player like VLC? 回答1: You're best of handling it all on the server side and simply playing the rendered video on the client. If the code on the client side is sufficiently complex you can consider the two following options: Easiest

Synchronizing multiple HTML5 videos

孤者浪人 提交于 2019-12-06 10:59:22
问题 I'm hoping to have 3 videos playing in sync, only one visible at a time with the option to toggle between them. All must be in sync with each other and an audio track (which can just be the audio track of one of the video files if that is easier). I have only read very pessimistic things about keeping a steady and synchronized frame rate across numerous media files is near impossible. The FPS supposedly shifts slightly and is uncontrollable.(?) Since I only need one visible at a time I am

Get frame numbers in HTML5 Video

谁说胖子不能爱 提交于 2019-11-28 06:31:41
I am trying to capture each frame number of the video however it looks like there is no way of achieving it. So I started my own clock to match the frame numbers of the video but they never match and the difference keeps increasing as the video progress. Please have a look at my bin. http://jsbin.com/dopuvo/4/edit I have added the frame number to each frame of the video from Adobe After Effect so I have more accurate information of the difference. The Video is running at 29.97fps and the requestAnimationFrame is also set to increase the number at the same rate, however I am not sure where this