Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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!
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement