22:14		*** ndoiron joined #popcorn
Welcome P2PU! "A channel for discussions about the popcorn.js open video library: http://www.popcornjs.org | Bug tracker: https://webmademovies.lighthouseapp.com/projects/63272-popcorn-js/overview | Style Guide: https://gist.github.com/793649 | Workflow: https://webmademovies.lighthouseapp.com/projects/632
Topic set by humph on Thu May 05 2011 13:06:36 GMT-0300 (Montevideo Standard Time)
22:14	ndoiron	blujconcepts: yes, the new study groups concept is going to be what we use in the course
22:15	ndoiron	I didn't get to see if you posted something else after that... computer froze up
22:15		*** MikeMc joined #popcorn
22:15	blujconcepts	no one posted just yet, so if i wanted to sign up for the course where should i go??
22:16	ndoiron	just write a little on the study group's Sign-up page and I'll accept you.
22:17	ndoiron	let me find the link
22:18	ndoiron	for all the P2PU people here, I'm Nick, the course organizer, and we're here on the Popcorn channel to meet some of the interactive video developers
22:19	ndoiron	in the chat feel free to ask questions and share ideas, and in the last bit we'll go over a simple working example
22:20	blujconcepts	great, Nick as the web progresses and browsers are updating the media tags are becoming heavily interactive, my goal is to implement a podcast type interaction that links in with Google Maps API
22:21	ndoiron	blujconcepts: there's a Google Maps plugin to the Popcorn system, so you could start off with something like that
22:21	ndoiron	I found your signup link: http://new.p2pu.org/en/groups/interactive-open-video-with-popcornjs/content/sign-up/
22:22	blujconcepts	awesome, im learning php, and mysql, and have a basic grip of javascript but feel a bit overwhelmed with it all...going to start a blog/podcast on learning everything
22:23	MikeMc	Hey Nick, I am in here as well, from the P2P group. Unfortunately my time is limited, but I wanted to be able to check in, eavesdrop, and learn what I can, while I can
22:23		*** Mattzilla1 joined #popcorn
22:24	ndoiron	MikeMc: that's great
22:24	ndoiron	do we have some Popcorn / Mozilla people online as well?  I'm working on a plugin but I don't have their expertise
22:25	ndoiron	we had a few in the chat earlier today
22:26	ndoiron	well MikeMc, since your time is limited, I'd like to know if you have any questions about Popcorn and what we're doing with the course
22:26	blujconcepts	Nick do you have a transcript of that chat earlier??
22:27	ndoiron	yes; will post that chat and this one, with main topics highlighted
22:27	ndoiron	also it was sent out to the Popcorn list already, http://groups.google.com/group/web-made-movies-working/browse_thread/thread/bb3dc8df4806862d
22:29	ndoiron	we shared a lot of good examples using HTML5 video - all the links will be posted and explained too
22:30	ndoiron	Mozilla is interested in using video plus something else, like 3D experiences with WebGL
22:31	blujconcepts	yeah the 3D and gaming development has my interest for sure...
22:31	blujconcepts	im trying to learn more about the media tags, geolocation and how they can interact with one another
22:33	ndoiron	well I'll show you an example of Popcorn and see what you make of it
22:33	ndoiron	here http://jsfiddle.net/tNhyt/6/ I have an example where the video plays, and an image is set to appear at a certain time in the video
22:34	blujconcepts	indeed!!, im currently reading up on the past chat as well
22:34	ndoiron	we'll be using almost the same example; I cut some optional lines out of the example
22:34	blujconcepts	okay, ill stay here im viewing the jsfiddle link now...
22:34		*** MikeMc quit (Quit: http://www.mibbit.com ajax IRC Client)
22:35	ndoiron	in the HTML section (top left) that's where I have the link, and then I use the <video> tag to embed the video file
22:35	ndoiron	in the JS section (bottom left) that's the really interesting part, where Popcorn receives the video and I set up the image plugin
22:36	ndoiron	image plugin is just - when to start, when to end, what the source (src) file is, and what part of the HTML to put it in
22:36	blujconcepts	ah...im noticing the .play function below...
22:37	blujconcepts	as im reading the code i understand the start end and source, but the target is where that image will show in the CSS coding??
22:38	ndoiron	at the bottom of the HTML is where the image goes (the <div id="imagediv"> part)
22:39	ndoiron	so for target I send "imagediv"
22:39	ndoiron	most of the plugins have a similar idea - you send them the idea of the <div> where you want the content to go
22:40	ndoiron	like if I had <div id="mapdiv"> I would send the target "mapdiv" to the Google Maps plugin
22:40	ndoiron	the real reason I'm using this is example is that it's easy to switch out the image, video, and times
22:40	ndoiron	you can make some changes and click Run on the top to see that
22:41	blujconcepts	Ah i see so question, is there anyway to embed say using CSS and using the Z-index right on top of the video? that is something i shall have to experiment with
22:42	ndoiron	yes - that's one of the benefits of using HTML5 instead of YouTube
22:42	ndoiron	the video is like any other part of the page
22:42	blujconcepts	great cause im seeing heavy usage of the <video> element on boxee and i like that example here's the link http://www.boxee.tv/
22:44	ndoiron	there's also an example using Popcorn inside the video here: http://webmademovies.org/video-an-aesthetic-for-web-made-movies
22:47	blujconcepts	So my next question is what's our main goal or focus for the course is their an outline posted yet
22:49	ndoiron	no outline -- in fact we just went back under development
22:49	ndoiron	I got the feeling from the first chat - and people's posts - that I could go through the basics of setting up Popcorn examples
22:50		*** blujconcepts quit (Quit: http://www.mibbit.com ajax IRC Client)
22:51		*** blujconcepts joined #popcorn
22:51	blujconcepts	sorry i lost connection
22:51	ndoiron	from talking with the real Popcorn developers at Mozilla, there's potential for high-quality projects.  Maybe helping the less technical people get some support from the more technical people
22:52	ndoiron	and everyone is interested in the games and glittery HTML5 examples but those are quite advanced
22:53		*** Mattzilla1 quit (Quit: Leaving.)
22:53	ndoiron	maybe, like the mapping course, I'll plot out a basic need-to-know, and then people who want to go further will do that
22:53	blujconcepts	yes, im a beginning programmer and sometimes feel overwhelmed but the example you provided with jsfiddle was right on target
22:54	blujconcepts	I think if the advanced technical part published in jsfiddle and everyone followed their documentation we all would gain more insight on how popcorn evolves
22:55	blujconcepts	The reason i found popcorn.js was an intrigue for youtube's annotations and felt there was an untapped world waiting for that type of feature
22:56	ndoiron	agreed
22:57	ndoiron	do you have some screencasts or videos in the right format for this?
22:57	ndoiron	you can get a Miro video converter or the like, to convert to OGV and WebM
22:58	blujconcepts	Sure, im a interactive media producer for a Surgeon here in Texas and would like to explore more possibilities..ill convert a few videos for OGV and WebM  
22:59	blujconcepts	im starting my podcast this monday and will use that to publish my screencasts... for exploration
23:00	ndoiron	there was someone else in the group interested in medical videos!  maybe you could swap ideas on that
23:01	ndoiron	if you can't make OGV or WebM there's YouTube support in Popcorn, but it isn't completely open video.  I explain that a little bit on the study group page
23:01	blujconcepts	Indeed, because he's starting a plastic surgery channel and will be including surgeons around the world on innovative procedures!! 
23:02	blujconcepts	But you remember game shows that allowed the audience to participate, with popcorn.js it would be great to get live user feedback and experience data while making the "gamification aspect" fun for the end user
23:03	ndoiron	kind of like... in the Hulu ads there are sometimes little quiz questions or something
23:04	ndoiron	or something more subtle, like keeping track of when a user decides which video option they're going to select to watch next
23:04	blujconcepts	Exactly, Hulu has a GREAT HEATMAP example of when inside the video people playback the video it gives insight on what content is working or interesting
23:07	blujconcepts	i have a few ideas but they are only ideas...i need to piece my ideas together and publish it for discussion
23:09	blujconcepts	Will we have these chat's weekly??
23:09	ndoiron	I think we'll find a time next week or weekend that's earlier than this, and later than the earlier time
23:10	ndoiron	that way we can have you talk with the people in the other group as well
23:11	blujconcepts	great...i won't hold you any longer you've provided me with alot of great links...and I have alot of thinking and planning to do but i look forward to the course heavily
23:12	blujconcepts	I must get going Nick, but i shall make a blog post on my theories and ideas and will use popcorn.js to test some ideas out...until next chat..!!
23:12	ndoiron	thanks!