Popcorn.js: The HTML5 Video Framework

#1

Post by creativityhurts » Fri, Mar 25, 2011, 10:00 PM UTC

Popcorn.js: The HTML5 Video Framework
popcornjs.org

Re: Popcorn.js: The HTML5 Video Framework

#2

Post by reustle » Fri, Mar 25, 2011, 10:33 PM UTC

I remember talking about this at Mozilla Drumbeat NYC last year. It's a very cool project, indeed.

Re: Popcorn.js: The HTML5 Video Framework

#3

Post by aridiculous » Fri, Mar 25, 2011, 10:36 PM UTC

I'm really excited for the coming collision of motion graphics, video, and web.

Things like Popcorn.js, CSS3, OpenGL, and AJAX are going to bring dynamic, user-controlled motion graphics into the browser without actionscript. Huzzah!

Re: Popcorn.js: The HTML5 Video Framework

#4

Post by fleitz » Fri, Mar 25, 2011, 10:50 PM UTC

This is great. Does anyone know if it's possible to record video using HTML5? I'm looking for a drop in component that will let a person easily record a video from their webcam and am trying to avoid flash.

Re: Popcorn.js: The HTML5 Video Framework

#5

Post by franze » Fri, Mar 25, 2011, 11:02 PM UTC

aridiculous wrote: post #3

I'm really excited for the coming collision of motion graphics, video, and web. Things like Popcorn.js, CSS3, OpenGL, and AJAX are going to bring dynamic, user-controlled motion graphics into the browser without actionscript. Huzzah!

well that, and beyond i.e.: http://www.barbafan.de/html5video?video=tron

Re: Popcorn.js: The HTML5 Video Framework

#6

Post by mikaelgramont » Fri, Mar 25, 2011, 11:03 PM UTC

fleitz wrote: post #4

This is great. Does anyone know if it's possible to record video using HTML5? I'm looking for a drop in component that will let a person easily record a video from their webcam and am trying to avoid flash.

Does not exist yet. There's no final spec for this, and Opera just started experimenting with it. http://my.opera.com/core/blog/2011/03/23/webcam-orientation-...

Re: Popcorn.js: The HTML5 Video Framework

#7

Post by sylvinus » Fri, Mar 25, 2011, 11:06 PM UTC

This seems much inferior to http://mediaelementjs.com

Re: Popcorn.js: The HTML5 Video Framework

#8

Post by bkrausz » Fri, Mar 25, 2011, 11:11 PM UTC

fleitz wrote: post #4

This is great. Does anyone know if it's possible to record video using HTML5? I'm looking for a drop in component that will let a person easily record a video from their webcam and am trying to avoid flash.

We had to look into this: the only way to do it in a cross-browser/OS way is to use Flash. Fortunately, it's fairly simple to write a bare-bones Flash app that just creates JS hooks for all webcam functions (though the permission dialog and any video preview still needs to be in the Flash window).

Re: Popcorn.js: The HTML5 Video Framework

#9

Post by elliottcarlson » Fri, Mar 25, 2011, 11:27 PM UTC

sylvinus wrote: post #7

This seems much inferior to http://mediaelementjs.com

At all no - mediaelementjs offers excellent skinning, but it's the events and triggers that make popcornjs far more powerful. This: http://www.rebelliouspixels.com/semanticremix/ was posted on HN not that long ago and is an excellent example of the power of popcornjs.

Re: Popcorn.js: The HTML5 Video Framework

#10

Post by randall » Fri, Mar 25, 2011, 11:28 PM UTC

Anyone who's interested in popcorn might want to give my little tech demo a spin. Works with YouTube right now, but enables syncing of website slides to a YouTube video.

For now, this is just a tech demo (creation isn't done yet) but would love any feedback you've got about the frontend, or if you see any use, etc. Going to launch it in a few weeks, which is when I'll really start looking for feedback on both the creation and consumption side. (post to HN, etc)

http://www.vidpresso.tv/presentations/view/5

[Watch more than 10 seconds, or click around on the timecodes in the rundown to get an idea of what I've built.]