<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Brian Chirls</title>
	
	<link>http://chirls.com</link>
	<description>Code needs love like everything does.</description>
	<lastBuildDate>Tue, 20 Dec 2011 23:46:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/brianchirls" /><feedburner:info uri="brianchirls" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>brianchirls</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>What I’m Working On: Interactive Video for Citizen Journalism</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/8oGZallf47g/</link>
		<comments>http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 20:25:03 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[18daysinegypt]]></category>
		<category><![CDATA[documentary]]></category>
		<category><![CDATA[egypt]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[openvideo]]></category>
		<category><![CDATA[popcorn.js]]></category>
		<category><![CDATA[whatimworkingon]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=245</guid>
		<description><![CDATA[Last month, I participated in an all-day workshop that Mozilla organized as part of Web Made Movies to introduce filmmakers to the possibilities of interactive video using Popcorn.js. I lobbied to be paired with Yasmine Elayat to create a prototype for her project, 18 Days in Egypt, an interactive documentary covering the recent revolution in [...]]]></description>
			<content:encoded><![CDATA[<p>Last month, I participated in an <a href="http://annasob.wordpress.com/2011/03/28/buttercamp-new-york/">all-day workshop</a> that Mozilla organized as part of <a href="http://webmademovies.org/">Web Made Movies</a> to introduce filmmakers to the possibilities of interactive video using <a href="http://popcornjs.org/">Popcorn.js</a>.  I lobbied to be paired with Yasmine Elayat to create a prototype for her project, <em><a href="http://www.18daysinegypt.com/">18 Days in Egypt</a></em>, an interactive documentary covering the recent revolution in Egypt, using citizen-produced video.  It&#8217;s a credit to Yasmine&#8217;s knowledge of the material and the work of the Popcorn.js team that we were able to build and demo the whole thing in a single day.</p>
<p><a href="http://code.chirls.com/buttercamp/">View the prototype here</a>. It should work in any modern web browser that handles html video (even Internet Explorer 9!).  Below, I&#8217;ll discuss the challenges and solutions we discovered through the process of building a prototype that tells a story as well as it demonstrates the technology.</p>
<p><a href="http://code.chirls.com/buttercamp/"><img src="http://chirls.com/wp-content/uploads/2011/04/18days-screencap.jpg" alt="&quot;18 Days in Egypt&quot; Interactive Video Prototype" title="&quot;18 Days in Egypt&quot; Interactive Video Prototype" width="640" height="360" class="size-full wp-image-250" /></a></p>
<p>The goal of the prototype was to give an overall sense of the subject while giving a viewer the opportunity to &#8220;drill down&#8221; to additional media for more detail.  As powerful as HTML video and Popcorn are, it&#8217;s easy to overwhelm the viewer with too much information.  So we had to choose the content and design the layout and interaction to tell the story while making it beautiful and avoiding distraction.<br />
<span id="more-245"></span></p>
<h3>Content</h3>
<p>Yasmine decided to highlight a conflict at the Qasr al-Nil Bridge, near Tahrir Square in Cairo.  To best tell this particular story, we chose to use types of additional media, each implemented as Popcorn plugin. Relevant additional photos and video would give a deeper emotional and expository experience.  Since most of our audience might not be familiar with the details of the place, we added pop-up facts, which can be expanded by hovering the mouse.  Finally, a simple link appears in the lower left corner crediting the original source of the main video clip.</p>
<p>We considered adding a Google Map, since Popcorn has a plugin that will move the map to specified locations at any point in the video.  But the Tahrir Square protests all took place around too small a space to make a moving map useful, and the source videos didn&#8217;t contain accurate enough location metadata to pinpoint specific enough locations around the square.</p>
<p>For the main video, Yasmine chose three short video clips, around 30 seconds each.  All the clips are from a distance and give a visual overview of the event.  The detail video and photos are all either closer shots or much longer, appropriate to the higher level of engagement the viewer will demonstrate by clicking to activate them.</p>
<h3>Design</h3>
<p>We wanted to focus more on the story than the technology and to preserve the artistic aspects of film, so it was important to make the prototype as artful as possible.  Since neither of us are graphic artists, we decided to keep it as simple as possible.  Yasmine made things easier by choosing beautifully shot video and photos.  I designed the page to so that it&#8217;s entirely filled by video and minimized any extra visual flashes that might clash without the help of an additional designer.  The videos of the event happened to appear a bit muted, which made them look nice when layered.  For a more general and unpredictable set of images, I might consider using CSS opacity to mute certain components when others have focus.</p>
<h3>Interaction</h3>
<p>Finally, getting the interaction right took a bit of experimentation and problem-solving.  There was a lot to explain, so we needed to have multiple pop-up tips.  The best way we could think to organize them was to place them within the video, and to balance the level of interruption, we made them semi-transparent and showed only the title unless the mouse hovers over them.  It would have been nice to have those move around the video frame as their subjects moved, but that&#8217;s quite a lot more work than we had time for in an afternoon.</p>
<p>The additional videos presented a bigger challenge, since they are seven or eight minutes long, while each is applied to a 30-second section of the main video.  My initial thought was to pause the main video while a detail video was playing, but Yasmine thought it would be more cinematic to keep the main video playing in the background.  The first thing we need to do is drop the volume of the main video to 10%, so it&#8217;s still in the background but not distracting.  But what would happen if you&#8217;re playing through a seven-minute detail video and the main video gets to a new section?  Your video would disappear.  So now, when a detail video is playing, and the main video gets close to a new section, it skips back to the point when you activated the detail video and loops until you&#8217;re done.  When you close that video, the main video returns to full volume and continues to play.  Hopefully, the result is a cinematic experience that lets you explore the deeper aspects of the story while maintaining context.</p>
<h3>Nuts and Bolts</h3>
<p>There are a few technical tricks to keep in mind when building an interactive film such as this.  At the time we built it, Popcorn only supported HTML video, using the &lt;video&gt; tag, so even though the source videos came from YouTube, we had to splice and re-encode the video for all the different browsers (<a href="http://en.wikipedia.org/wiki/Webm">webm</a> for Chrome and Firefox and <a href="http://en.wikipedia.org/wiki/H264">H264</a> for IE9 and Safari).  We used <a href="http://www.mirovideoconverter.com/">Miro Converter,</a> which is free and will easily convert into just about any format one needs, though there are other, <a href="http://www.ffmpeg.org/">more complicated</a> free tools out there if you need to fine-tune your encode.  And it&#8217;s worth noting that most web servers require a tweak to a .htaccess file to <a href="http://support.symfonip.com/entries/181412-webm-htaccess-settings-support-for-webm-format">make sure mime types are properly configured</a> to serve up the video files.</p>
<p>Now, Popcorn supports YouTube and Vimeo, but the native HTML video approach allows for tighter feedback and control of the timing.  Splicing multiple YouTube videos in a browser could be tricky and unreliable.</p>
<p>Out of the box, Popcorn makes it easy to display timed content in different formats, with pretty basic Javascript skills.  I was able to use the existing <em>footnote</em> plugin for the source credits, but I had to build custom plugins to get the positioned pop-ups and the detail videos.  With Popcorn, the main video drives the timing of all the other events, so one must be careful when having the events change that main video time.  Otherwise, you can end up with a loop that will make a mess of the whole thing.</p>
<p>Most of the rest of it can be done with Cascading Style Sheets, which handles positioning and visibility, including fades.  Very soon, CSS will handle more advanced animations on all the major browsers.</p>
<h3>Going Forward</h3>
<p>I&#8217;m not sure what Yasmine and Jigar Mehta (her partner on <em>18 Days in Egypt</em>) plan to do with the project, but we talked a bit about generating these interactive videos dynamically.  Fortunately, Popcorn makes it easy to build a scene based on JSON data, which can be generated by a database.  Mozilla is working on a <a href="http://butterapp.org/">tool</a> that should eventually make authoring easier.</p>
<p>But automating the composition process would be a massive challenge, requiring precise and carefully managed metadata, which is as much a social challenge as it is a technical one.  I suspect that a wiki-like community approach would work best.</p>
<p>Either way, this kind of interaction around video is going to take a lot of experimentation to make the technology disappear and reach the full potential of more powerful art and information.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Del.icio.us" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to digg" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to reddit" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Technorati" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;h=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Newsvine" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism&amp;description=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Ma.gnolia" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Stumble Upon" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Google Bookmarks" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism&amp;url=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to SlashDot" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/&amp;t=What+I%26%238217%3Bm+Working+On%3A+Interactive+Video+for+Citizen+Journalism" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to FaceBook" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Twitter" alt="Add 'What I&#8217;m Working On: Interactive Video for Citizen Journalism' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=8oGZallf47g:k6DxjFojLew:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=8oGZallf47g:k6DxjFojLew:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=8oGZallf47g:k6DxjFojLew:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=8oGZallf47g:k6DxjFojLew:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=8oGZallf47g:k6DxjFojLew:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=8oGZallf47g:k6DxjFojLew:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=8oGZallf47g:k6DxjFojLew:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://chirls.com/2011/04/28/what-im-working-on-interactive-video-for-citizen-journalism/</feedburner:origLink></item>
		<item>
		<title>A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/UJbBFa2QFGQ/</link>
		<comments>http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/#comments</comments>
		<pubDate>Thu, 28 Apr 2011 18:23:02 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Completely Pointless]]></category>
		<category><![CDATA[Life in the Big City]]></category>
		<category><![CDATA[cooperatiion]]></category>
		<category><![CDATA[crowdsourcing]]></category>
		<category><![CDATA[culture]]></category>
		<category><![CDATA[new york]]></category>
		<category><![CDATA[subway]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=257</guid>
		<description><![CDATA[New Yorkers who want to be somewhere they are not are always in a rush, especially when taking the subway. Observations of a New Yorker giving directions demonstrate that they frequently have more than one route to a given destination, and choosing the optimal one is a non-trivial task. From the Essex/Delancey station, one can [...]]]></description>
			<content:encoded><![CDATA[<p>New Yorkers who want to be somewhere they are not are always in a rush, especially when taking the subway.  Observations of a New Yorker giving directions demonstrate that they frequently have more than one route to a given destination, and choosing the optimal one is a non-trivial task.</p>
<p>From the Essex/Delancey station, one can take either the M train or the F train uptown to almost any station in Manhattan along this particular line.  However, the trains arrive on different platforms, which are separated by a long stair case.  It is impossible to observe both platforms simultaneously, and there is no automated indication of which train will arrive first and therefore reach a given destination fastest.</p>
<p>Commuters have devised a novel solution.  Between train arrivals, passengers will cluster around the stairs separating the two platforms.  As soon as there is more than one passenger, they will evenly distribute themselves along the stairs, re-calculating in <em>O(1)</em> time whenever a new node is added.  When a train arrives on either platform, the nearest passenger, or edge node, signals the next node by glancing slightly in the direction of the rest of the passengers, and the message is similarly propagated throughout the network, allowing everyone to board the first train to arrive.</p>
<p>The result is an optimal, low-latency, low-overhead solution, built on existing hardware, following the primary rule of the subway: never make eye contact or speak to anyone.</p>
<p>And it&#8217;s a magical little reminder that New Yorkers, whatever our reputation, are good neighbors.  Smart too.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Del.icio.us" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to digg" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to reddit" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Technorati" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;h=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Newsvine" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing&amp;description=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Ma.gnolia" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Stumble Upon" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Google Bookmarks" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing&amp;url=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to SlashDot" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/&amp;t=A+Self-Organizing%2C+Ad-hoc%2C+Peer-to-peer%2C+Human+Network+for+Optimal+Subterranean+Transportation+Routing" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to FaceBook" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Twitter" alt="Add 'A Self-Organizing, Ad-hoc, Peer-to-peer, Human Network for Optimal Subterranean Transportation Routing' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=UJbBFa2QFGQ:zvxH0QxWVCY:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=UJbBFa2QFGQ:zvxH0QxWVCY:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=UJbBFa2QFGQ:zvxH0QxWVCY:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=UJbBFa2QFGQ:zvxH0QxWVCY:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=UJbBFa2QFGQ:zvxH0QxWVCY:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=UJbBFa2QFGQ:zvxH0QxWVCY:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=UJbBFa2QFGQ:zvxH0QxWVCY:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://chirls.com/2011/04/28/a-self-organizing-ad-hoc-peer-to-peer-human-network-for-optimal-subterranean-transportation-routing/</feedburner:origLink></item>
		<item>
		<title>What I’m Working On: Tweet to the middle of a video</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/_Y8FN6lExr8/</link>
		<comments>http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/#comments</comments>
		<pubDate>Wed, 09 Feb 2011 02:32:28 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[openvideo]]></category>
		<category><![CDATA[pbs]]></category>
		<category><![CDATA[state of the union]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[whatimworkingon]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=213</guid>
		<description><![CDATA[Recently, I&#8217;ve been doing some work with Mozilla around their Web Made Movies project. They&#8217;ve been experimenting with the integration of video and the Web enabled by the multimedia features available in modern browser and building tools like Popcorn.js. As we&#8217;re starting to take some of those projects out of the lab and into the [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, I&#8217;ve been doing some work with Mozilla around their <a href="https://www.drumbeat.org/en-US/projects/webmademovies/">Web Made Movies</a> project.  They&#8217;ve been experimenting with the integration of video and the Web enabled by the multimedia features available in modern browser and building tools like <a href="http://popcornjs.org/">Popcorn.js</a>.  As we&#8217;re starting to take some of those projects out of the lab and into the real world, it&#8217;s been interesting to see how those tools hold up and what features are inspired by these situations.</p>
<p><a href="http://code.chirls.com/sotu-video/"><img src="http://chirls.com/wp-content/uploads/2011/02/tweet-time.jpg" alt="" title="Tweet to time in a video" width="300" height="225" class="alignright size-full wp-image-231" style="float: right"/></a>With just a few hours advance notice, the <a href="http://brettgaylor.tumblr.com/post/3026870192/yes-we-did">Popcornjs crew put together</a> a <a href="http://www.pbs.org/newshour/sotu-video/">video/data mash-up of President Obama&#8217;s State of the Union speech</a> for PBS, in which text analysis is displayed in time with the video.  Among such a long video, with so much data, WMM leader <a href="http://www.etherworks.ca/">Brett Gaylor</a> asked if I could build in a feature making it easy to Twitter a short URL right to a point in the middle of the video.  Sure I could.  Unfortunately, an external service we were using to access the Twitter API broke down, so we couldn&#8217;t get the feature working in time to go live.  I&#8217;ve worked around it, and here it is now.</p>
<p>Watch the video <a href="http://code.chirls.com/sotu-video/">from the beginning</a> or <a href="http://code.chirls.com/sotu-video/#1200">start 20 minutes in</a>.  Try the button just below the video.  Read on to learn how it works.<br />
<span id="more-213"></span></p>
<p>The process is pretty simple.  (I decided to use jQuery, since it was already loaded up for Popcorn.js, but it&#8217;s not necessary.)  The three main steps are:</p>
<ol>
<li>Check the URL for a time code and advance the video to the appropriate starting point.</li>
<li>Update the time code on the button.</li>
<li>Set up a &#8220;click&#8221; handler on the button to generate the link and open a Twitter window.</li>
</ol>
<p>Here is the code to get the video started at the right place:</p>
<pre class="qoate-code">
/* get the &lt;video&gt; element. Don't use jQuery here because it doesn't expose video properties and methods */
var video = document.getElementById('video');

/* advance video and auto-play */
var startVideo = function() {
    if (targetTime &lt; video.duration) {
        video.currentTime = targetTime;
        video.play();
    }
};

/* parse URL hash after # for a number */
var targetTime = window.location.hash.substr(1);
targetTime = parseFloat(targetTime);
if (!isNaN(targetTime) &#038;&#038; targetTime &gt; 0) {
    if (video.readyState &gt;= 3) {
        startVideo();
    } else {
        $('#video').bind('loadedmetadata', startVideo);
    }
}
</pre>
<p>The information we need here is how far into the video we want to stop.  To keep it simple, we&#8217;re just looking for a floating point number to represent seconds.  Since all this processing is happening in the browser and I don&#8217;t have access to the server anyway, we put the number in the &#8220;hash&#8221;, which is the part after the # symbol.</p>
<p>After checking to make sure we have a positive number, we test if the video is loaded, since we don&#8217;t always know the order in which our media and scripts will be loaded.  If the video is already loaded, start up the video right away.  Otherwise, bind our function to the &#8220;<a href="https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox#Media_events">loadedmetadata</a>&#8221; event so the browser will get back to us when it&#8217;s ready to start the video.  By using an event handler, we don&#8217;t have to set a timeout to keep checking every few milliseconds.  (Though I&#8217;ve been told &#8220;loadmetadata&#8221; can be slow to fire, so some people use a timeout, even though it&#8217;s ugly.)  Once the metadata has loaded, we can find out how long the video is to make sure we&#8217;re not fast-forwarding past the end, and then it&#8217;s simple to set the time and start playing.</p>
<p>Next, update the time code on our button.  (It&#8217;s not actually a button, just a div, but it works anyway.)</p>
<pre class="qoate-code">
$('#video').bind('timeupdate', function(event) {
    var time = this.currentTime;
    if (time &lt; 0) {
        time = 0;
    }

    var mins = Math.floor(time/60,10);
    var secs = Math.floor(time - mins*60);
    var hours = Math.floor(mins/60,10);
    secs = (secs &gt; 9 ? secs : '0' + secs);

    if (hours &gt; 0) {
        mins = mins % 60;
        mins = (mins &gt; 9 ? mins : '0' + mins);
        $("#tweet-time").html('Tweet to ' + hours + ':' + mins + ':' + secs);
    } else {
        $("#tweet-time").html('Tweet to ' + mins + ':' + secs);
    }
});
</pre>
<p>This feature is not absolutely necessary to make this work, but it&#8217;s helpful to tell the user exactly how far into the video we&#8217;re linking and indicate that the button action is time-sensitive.  The &#8220;timeupdate&#8221; event fires a few times a second, whether we&#8217;re playing or scrubbing the video, forward or reverse.  Javascript doesn&#8217;t provide an easy way to make a string showing elapsed time from seconds, so we do it ourselves.  jQuery makes it easy to change the text.</p>
<p>One problem with this code is that the button changes width as the time changes.  Ideally, you&#8217;d probably check the duration of the video once at the beginning to determine whether you&#8217;re ever going to need the hours, and pick a fixed-width font.</p>
<p>Finally, set up the &#8220;click&#8221; event to create the link and pass it to Twitter.</p>
<pre class="qoate-code">
var base = window.location.protocol + '//' + window.location.host + window.location.pathname;
$("#tweet-time").click(function() {
    var time = video.currentTime;
    if (time &lt; 0) {
        time = 0;
    }

    var height = screen.height;
    var width = screen.width;

    window.open('http://twitter.com/share?count=none&#038;counturl=' +
        encodeURIComponent(base) + '&#038;text=&#038;url=' + encodeURIComponent(base + '#' + time),
        'tweet-time-sotu', "left=" + Math.round((width/2)-(550/2)) +
        ",top=" + Math.round((height/2)-(450/2)) +
        ",width=550,height=450,personalbar=0,toolbar=0,scrollbars=1,resizable=1");
});
</pre>
<p>The most important point here is creating the URL to pass along to Twitter ("base + '#' + time").  One thing we need to be very careful about is that most Twitter clients parse everything after "#" as a hashtag, separate from the URL.  The solution is to use a <a href="http://en.wikipedia.org/wiki/URL_shortener">URL shortener, which is handy for hiding the "#" symbol as well as saving us characters out of the allowed 140.  Originally, I used the <a href="http://is.gd/apishorteningreference.php">is.gd API</a> for this (we need a different short URL for every timecode someone uses).  This worked well enough, but it required an extra call out to the network, which made things crawl on a slow connection.</p>
<p>Fortunately, Twitter provides a nice, clean <a href="http://dev.twitter.com/pages/tweet_button">sharing tool</a> that will create a short URL for us.  (<a href="http://dev.twitter.com/pages/tweet_button">This page</a> explains how to use it.)  We just have to make sure to wrap our target URL in <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent">encodeURIComponent</a> so the "#" gets escaped, otherwise everything after it won't make it to the server.  Normally, I hate using pop-up windows, but Twitter was pulling some kind of referrer-checking shenanigans, giving me a "Forbidden" server error when I tried to load this page inside an &lt;iframe&gt; so I didn't have a choice.</p>
<p>That's everything.  Hopefully, the next time PBS and Mozilla do another one of these, they'll integrate this feature.  Please comment below if you decide to use it or if you want to suggest any improvements.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Del.icio.us" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to digg" alt="Add 'What I’m Working On: Tweet to the middle of a video' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to reddit" alt="Add 'What I’m Working On: Tweet to the middle of a video' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/" title="Add 'What I’m Working On: Tweet to the middle of a video' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Technorati" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;h=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Newsvine" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video&amp;description=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Ma.gnolia" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Stumble Upon" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Google Bookmarks" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video&amp;url=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/" title="Add 'What I’m Working On: Tweet to the middle of a video' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to SlashDot" alt="Add 'What I’m Working On: Tweet to the middle of a video' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/&amp;t=What+I%E2%80%99m+Working+On%3A+Tweet+to+the+middle+of+a+video" title="Add 'What I’m Working On: Tweet to the middle of a video' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to FaceBook" alt="Add 'What I’m Working On: Tweet to the middle of a video' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/" title="Add 'What I’m Working On: Tweet to the middle of a video' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'What I’m Working On: Tweet to the middle of a video' to Twitter" alt="Add 'What I’m Working On: Tweet to the middle of a video' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=_Y8FN6lExr8:94ygVZQ4Otg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=_Y8FN6lExr8:94ygVZQ4Otg:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=_Y8FN6lExr8:94ygVZQ4Otg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=_Y8FN6lExr8:94ygVZQ4Otg:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=_Y8FN6lExr8:94ygVZQ4Otg:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=_Y8FN6lExr8:94ygVZQ4Otg:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=_Y8FN6lExr8:94ygVZQ4Otg:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://chirls.com/2011/02/08/what-i%e2%80%99m-working-on-tweet-to-the-middle-of-a-video/</feedburner:origLink></item>
		<item>
		<title>What I’m Working On: Synchronized Videos in HTML5 (featuring Ok Go)</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/hnSb42Fs4Hc/</link>
		<comments>http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/#comments</comments>
		<pubDate>Thu, 13 Jan 2011 19:52:31 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[okgo]]></category>
		<category><![CDATA[whatimworkingon]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=198</guid>
		<description><![CDATA[Here&#8217;s another demo. This time I&#8217;m showing off HTML5 video with a pair of videos by the band Ok Go. Ok Go made the video for &#8220;White Knuckles&#8221; all in one shot and by all accounts it wasn&#8217;t easy. Thankfully, they also posted an extensive video showing how they did it. The video shows the [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s another demo.  This time I&#8217;m showing off <a href="http://www.html5video.org/">HTML5 video</a> with a pair of videos by the band <a href="http://www.okgo.net">Ok Go</a>.</p>
<p>Ok Go made the <a href="http://www.youtube.com/watch?v=nHlJODYBLKs">video for &#8220;White Knuckles&#8221;</a> all in one shot and by all accounts it wasn&#8217;t easy.  Thankfully, they also posted an extensive video showing <a href="http://www.youtube.com/watch?v=CXJflIGDE-o">how they did it</a>.  The video shows the complex choreography from different angles, edited together in time with the final result.  I thought the best way to appreciate the entire process would be to see them <a href="http://code.chirls.com/whiteknuckles/">side by side</a>.</p>
<p><strong><a href="http://code.chirls.com/whiteknuckles/">Try out the real thing</a></strong> or watch the video below.</p>
<p>The new-ish video features of HTML5 allow Javascript code enough control over embedded videos to get two of them playing in sync.  Otherwise, they work just like images, so it&#8217;s easy enough to stretch and move them around.  No plugins (Flash, Silverlight, etc.) are required, and it should work in Firefox, Chrome, Safari(?) and <em>maybe</em> Internet Explorer 9.  But no iPhones, iPads or Androids.  Your mileage may vary, especially on slow connections where the videos don&#8217;t load up quickly.</p>
<p>The approach is not perfect, as seeking around the videos will likely cause synchronization to go off a bit, even on the latest beta versions of both Firefox and Chrome.  I&#8217;ve written some tricky and maybe even ugly code to try to minimize this problem, but it&#8217;s not perfect.  The standard event model for the media controllers doesn&#8217;t offer quite as much control as I&#8217;d like, and the way the browsers load video asynchronously seems to make solving this problem impossible.  If anyone has any thoughts or suggestions, please comment.</p>
<p>  <!-- Begin VideoJS --></p>
<div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody --><br />
    <video class="video-js" width="640" height="360" controls poster="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.jpg"><br />
      <source src="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.mp4" type='video/mp4' /><br />
      <source src="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.ogv" type='video/ogg; codecs="theora, vorbis"' /><br />
      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. --><br />
       <object width="480" height="385" class="vjs-flash-fallback" ><param name="movie" value="http://www.youtube.com/v/Ncvq-iEwp50?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Ncvq-iEwp50?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"><!-- Image Fallback. Typically the same as the poster image. --></embed></object><br />
    </video><br />
    <!-- Download links provided for devices that can't play video in the browser. --></p>
<p class="vjs-no-video"><strong>Download Video:</strong><br />
      <a href="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.mp4">MP4</a>,<br />
      <a href="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.ogv">Ogg</a><br />
      <a href="http://www.youtube.com/watch?v=Ncvq-iEwp50">Watch it on YouTube</a><br />
      <!-- Support VideoJS by keeping this link. --><br />
      <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
</p></div>
<p>  <!-- End VideoJS --><!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Del.icio.us" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to digg" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to reddit" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Technorati" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;h=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Newsvine" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29&amp;description=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Ma.gnolia" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Stumble Upon" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Google Bookmarks" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29&amp;url=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to SlashDot" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/&amp;t=What+I%26%238217%3Bm+Working+On%3A+Synchronized+Videos+in+HTML5+%28featuring+Ok+Go%29" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to FaceBook" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Twitter" alt="Add 'What I&#8217;m Working On: Synchronized Videos in HTML5 (featuring Ok Go)' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=hnSb42Fs4Hc:8S54GBIsa0Y:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=hnSb42Fs4Hc:8S54GBIsa0Y:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=hnSb42Fs4Hc:8S54GBIsa0Y:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=hnSb42Fs4Hc:8S54GBIsa0Y:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=hnSb42Fs4Hc:8S54GBIsa0Y:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=hnSb42Fs4Hc:8S54GBIsa0Y:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=hnSb42Fs4Hc:8S54GBIsa0Y:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.mp4" length="15783806" type="video/mp4" />
<enclosure url="http://code.chirls.com/whiteknuckles/videos/knucklesdemo.ogv" length="35334414" type="video/ogg" />
		<feedburner:origLink>http://chirls.com/2011/01/13/what-im-working-on-synchronized-videos-in-html5-featuring-ok-go/</feedburner:origLink></item>
		<item>
		<title>What I’m Working On: Mapping Demand in 3D</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/s0aTJ74W-fs/</link>
		<comments>http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 21:19:59 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[planet]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webgl]]></category>
		<category><![CDATA[whatimworkingon]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=194</guid>
		<description><![CDATA[It&#8217;s been nice to see an increased awareness in the media community over the last few years of the opportunities to engage audiences on the Internet. There is a new batch of technologies becoming available that should enhance the kind of experiences, allowing for a level of interactivity and visual expressiveness that could match or [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been nice to see an increased awareness in the media community over the last few years of the opportunities to engage audiences on the Internet.  There is a new batch of technologies becoming available that should enhance the kind of experiences, allowing for a level of interactivity and visual expressiveness that could match or rival the films themselves.  I&#8217;ve been experimenting with some of these, and I wanted to share the results.</p>
<p>Among my favorite of these is the cluster of technologies around HTML5, including CSS3, WebSockets, faster Javascript and especially WebGL.  WebGL is a powerful graphics library (analogous to OpenGL) that will give web developers access to hardware graphics acceleration in the browser, standard and without any plugins.  Here is a demo I put together using WebGL to map audience demand data on the web to a 3D representation of the Earth.</p>
<p><iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/FMOPi19wHVw" frameborder="0"></iframe></p>
<p>This is just a prototype, and there&#8217;s a lot of room for improvement in performance, aesthetics and interactivity, but I think it shows the potential of what&#8217;s possible.  The graphics are beyond what we&#8217;ve generally seen on the web before, and it&#8217;s combined with the kind of portable data that has been spreading around the web for the last few years.  I&#8217;ll try to clean up the code and get a live demo online soon.</p>
<p>For now, WebGL is only available in Beta versions of <a href="http://www.mozilla.com/firefox/beta/">Firefox</a> and <a href="http://www.google.com/landing/chrome/beta/">Chrome</a> (and maybe Safari?).  They&#8217;re worth downloading early if you&#8217;ve got the guts for the occasional bug, and they&#8217;ll hopefully be released in the next few months.  If you want to take a shot at developing with WebGL yourself, there are great lessons at <a href="http://learningwebgl.com/lessons/">Learning WebGL</a> and at <a href="https://developer.mozilla.org/en/WebGL">Mozilla</a>.</p>
<p>I&#8217;ve got lots more demos coming, and they&#8217;re cooler than this one, so check back for more in the next week or so.  I&#8217;ll be posting them on <a href="http://www.youtube.com/my_playlists?p=E0A7E6123B19ACC9">YouTube</a> and on <a href="http://twitter.com/bchirls">Twitter</a>.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Del.icio.us" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to digg" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to reddit" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Technorati" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;h=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Newsvine" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D&amp;description=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Ma.gnolia" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Stumble Upon" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Google Bookmarks" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D&amp;url=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to SlashDot" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/&amp;t=What+I%26%238217%3Bm+Working+On%3A+Mapping+Demand+in+3D" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to FaceBook" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Twitter" alt="Add 'What I&#8217;m Working On: Mapping Demand in 3D' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=s0aTJ74W-fs:aHo83uWTTzk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=s0aTJ74W-fs:aHo83uWTTzk:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=s0aTJ74W-fs:aHo83uWTTzk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=s0aTJ74W-fs:aHo83uWTTzk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=s0aTJ74W-fs:aHo83uWTTzk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=s0aTJ74W-fs:aHo83uWTTzk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=s0aTJ74W-fs:aHo83uWTTzk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://chirls.com/2011/01/05/what-im-working-on-mapping-demand-in-3d/</feedburner:origLink></item>
		<item>
		<title>Twitter, File Sharing and Pink Slime</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/WdTyUzBUJpQ/</link>
		<comments>http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/#comments</comments>
		<pubDate>Thu, 27 Aug 2009 05:26:16 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Arts, Culture and The Media]]></category>
		<category><![CDATA[Business]]></category>
		<category><![CDATA[Movies]]></category>
		<category><![CDATA[distribution]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[filmmaker magazine]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=180</guid>
		<description><![CDATA[Over at Filmmaker Magazine, Jake Abraham, writer/producer of &#8220;Lovely by Surprise&#8221;, wrote yesterday about his troubles with Twitter and file sharing. I know he&#8217;s not the only one, so it seemed a good opportunity to share a few points on how to turn these tricky points to your advantage. Abraham writes: Twitter in particular has [...]]]></description>
			<content:encoded><![CDATA[<p>Over at <a href="http://filmmakermagazine.com/webexclusives/2009/08/tweet-this-by-jake-abraham.php">Filmmaker Magazine</a>, Jake Abraham, writer/producer of <a href="http://www.lovelybysurprise.com/">&#8220;Lovely by Surprise&#8221;</a>, wrote yesterday about his troubles with Twitter and file sharing. I know he&#8217;s not the only one, so it seemed a good opportunity to share a few points on how to turn these tricky points to your advantage.</p>
<p>Abraham writes:</p>
<blockquote><p>Twitter in particular has proven to be a great device for communication amongst our followers. It has also become a tool for evil, I’ve discovered. On Saturday, August 8th, one month after our official release date, there was a spike in tweets related to LBS. We wondered why and took a look. It appeared that people were tweeting and re-tweeting a URL that linked to a pirated version of the film.</p></blockquote>
<p>Remember the pink slime from &#8220;Ghostbusters II&#8221;? For most of the film, it was also a &#8220;tool for evil.&#8221; But Dr. Spengler et al. sprayed it all over the inside of the Statue of Liberty, and then it made everybody hug. (Ok, it represents a slightly different kind of &#8220;free,&#8221; but I think the analogy holds.)</p>
<p>I don&#8217;t need to spend a lot of time on how to compete with free, since it&#8217;s a well-covered topic. Kevin Kelly&#8217;s essay <a href="http://www.kk.org/thetechnium/archives/2008/01/better_than_fre.php">&#8220;Better Than Free&#8221;</a> lists a number of factors that you can build into your film/story/product to give it value that make it worth paying for, even when it&#8217;s available for free. <a href="http://springboardmedia.blogspot.com/2009/07/free-thoughts-on-free.html">Brian Newman</a> has a blog post and video on it, which is worth watching.</p>
<p>What this is really about is taking advantage of Twitter and other communication tools to play a major part in the global conversation about your work. (If there isn&#8217;t one, you need to start it.) Piracy on Canal St. happened before the Internet, and illegal downloading happened before Twitter. As Abraham acknowledged, you can&#8217;t stop it. Beyond pointers to free downloads, people are going to be saying lots of things about your film that you don&#8217;t like, including bad reviews, off-brand descriptions of your work and possibly even lies or personal attacks. The power of the Internet is that you can be in on it. You can know it&#8217;s happening, you can respond to it and you can preempt it.</p>
<p>As a filmmaker, you are at a tremendous advantage in owning your brand&#8217;s online story. Presumably, you know all about your film before anyone else does, so you can start putting your message out there before anyone else gets to it. You own the domain name, twitter account, etc. for the name of your film. (You don&#8217;t? Get on it!) And the people who love the film are probably the most vocal about it, and they&#8217;ll link back to you. You have to work real hard to piss people off enough that the haters will shout more loudly than the fans. If you keep the conversation going, those tweets and blog posts about torrent links and other nastiness will drift off the front pages and into obscurity. There are a few tiny things about me personally from way back that I&#8217;d rather not have out there (nothing too juicy, sorry), but you have to dig pretty deep to find it, because I&#8217;ve put myself out there with Twitter, an open Facebook account, my blog, etc.. But if you keep quiet, the nasties will fill the void for you.</p>
<p>Of course, it&#8217;s much harder to take advantage of this when you&#8217;ve got $1 million or more at stake and you address the matter after your film is already out. I think it&#8217;s wise to keep budgets low for now, as the details are still being worked out, but they will be worked out, since these are not entirely new business principles. Mercedes-Benz doesn&#8217;t go out of business just because it&#8217;s cheaper to get to work in a Hyundai. And Coach is still profitable, even though their belts are being knocked off everywhere. That&#8217;s because Mercedes and Coach are premium brands, and it&#8217;s not about a cheap ride to the office or keeping your pants from falling down. Their advertising messages reflect that, which is why Mercedes ads have Janis Joplin and vintage cars instead of some announcer shouting about seasonal discounts.</p>
<p>Most independent films are also premium brands. Your film is probably not about killing 90 minutes. It&#8217;s not about catching a glimpse of Megan Fox bent over, and it&#8217;s not about keeping the kids quiet in the back of the minivan. You can&#8217;t compete with &#8220;free&#8221; on price any more than Mercedes can compete on price with Hyundai. So don&#8217;t. Your film is about a deeper story, and the ability to create that is your sustainable competitive advantage. Twitter and other digital media are your opportunity to demonstrate that.</p>
<p>I&#8217;m writing a film right now, and even before the script is finished, I&#8217;m planning some cool stuff for screenings, merchandise and other payment points to add value along the lines of Kevin Kelly&#8217;s article. When I release the film, I will probably put it online for free. By putting it out there myself, I can beat the pirates to it and make sure free copies are burned with a URL to my online store, and I can track how many people are watching it. But it also tells the story that my film is a full experience and more than just a few hundred megabytes of pixels. After all, as a filmmaker, I should know how to tell a story, right?</p>
<p>Sure the Internet is a double-edged sword. But if you know where to swing it, you don&#8217;t have to cut your face off.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'Twitter, File Sharing and Pink Slime' to Del.icio.us" alt="Add 'Twitter, File Sharing and Pink Slime' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'Twitter, File Sharing and Pink Slime' to digg" alt="Add 'Twitter, File Sharing and Pink Slime' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'Twitter, File Sharing and Pink Slime' to reddit" alt="Add 'Twitter, File Sharing and Pink Slime' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/" title="Add 'Twitter, File Sharing and Pink Slime' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'Twitter, File Sharing and Pink Slime' to Technorati" alt="Add 'Twitter, File Sharing and Pink Slime' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;h=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'Twitter, File Sharing and Pink Slime' to Newsvine" alt="Add 'Twitter, File Sharing and Pink Slime' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime&amp;description=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'Twitter, File Sharing and Pink Slime' to Ma.gnolia" alt="Add 'Twitter, File Sharing and Pink Slime' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'Twitter, File Sharing and Pink Slime' to Stumble Upon" alt="Add 'Twitter, File Sharing and Pink Slime' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;title=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'Twitter, File Sharing and Pink Slime' to Google Bookmarks" alt="Add 'Twitter, File Sharing and Pink Slime' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=Twitter%2C+File+Sharing+and+Pink+Slime&amp;url=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/" title="Add 'Twitter, File Sharing and Pink Slime' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'Twitter, File Sharing and Pink Slime' to SlashDot" alt="Add 'Twitter, File Sharing and Pink Slime' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/&amp;t=Twitter%2C+File+Sharing+and+Pink+Slime" title="Add 'Twitter, File Sharing and Pink Slime' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'Twitter, File Sharing and Pink Slime' to FaceBook" alt="Add 'Twitter, File Sharing and Pink Slime' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/" title="Add 'Twitter, File Sharing and Pink Slime' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'Twitter, File Sharing and Pink Slime' to Twitter" alt="Add 'Twitter, File Sharing and Pink Slime' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=WdTyUzBUJpQ:qOT6KhlbRTM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=WdTyUzBUJpQ:qOT6KhlbRTM:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=WdTyUzBUJpQ:qOT6KhlbRTM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=WdTyUzBUJpQ:qOT6KhlbRTM:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=WdTyUzBUJpQ:qOT6KhlbRTM:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=WdTyUzBUJpQ:qOT6KhlbRTM:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=WdTyUzBUJpQ:qOT6KhlbRTM:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://chirls.com/2009/08/27/twitter-file-sharing-and-pink-slime/</feedburner:origLink></item>
		<item>
		<title>An Open Metadata Solution</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/CIiDAsPrq9U/</link>
		<comments>http://chirls.com/2009/06/18/an-open-metadata-solution/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 22:19:39 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[ben dean-kawamura]]></category>
		<category><![CDATA[conference]]></category>
		<category><![CDATA[david rice]]></category>
		<category><![CDATA[devon copley]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[mario pena]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[new york]]></category>
		<category><![CDATA[oblog]]></category>
		<category><![CDATA[openmofo]]></category>
		<category><![CDATA[openvideo]]></category>
		<category><![CDATA[panel]]></category>
		<category><![CDATA[participatory culture foundation]]></category>
		<category><![CDATA[safecreative]]></category>
		<category><![CDATA[speaking engagement]]></category>
		<category><![CDATA[xml]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=176</guid>
		<description><![CDATA[This Saturday, I will be speaking on a roundtable on metadata at the Open Video Conference and presenting an informal demonstration of new, metadata-related software I&#8217;ve been working on at the &#8220;Hack Day&#8221; on Sunday. For the past year or so, I&#8217;ve been hearing bits of the film industry slowly wake up to the fact [...]]]></description>
			<content:encoded><![CDATA[<p>This Saturday, I will be speaking on a roundtable on metadata at the <a href="http://openvideoconference.org">Open Video Conference</a> and presenting an informal demonstration of new, metadata-related software I&#8217;ve been working on at the &#8220;<a href="http://openvideoconference.org/schedule/#hackday">Hack Day</a>&#8221; on Sunday.</p>
<p>For the past year or so, I&#8217;ve been hearing bits of the film industry slowly wake up to the fact that the state of media metadata is a mess.  The complete lack of open, common data formats leaves media producers struggling to conform their data to a variety of proprietary formats, only to result in outdated and inaccurate information left under the control of others.  Worse, existing processes discriminate against independent producers by limiting what counts as a &#8220;real&#8221; movie, album or other work.</p>
<p>I have been working on a project called <strong>Open Media Object Format</strong>, which is a free (both as in beer and as in speech) protocol and file format for publishing rich metadata on a range of media.  The protocol creates a distributed network of information on media and its participants, allowing the information to spread while every creator maintains authority over their own work.  And the format is designed to store semantic data in more detail than we&#8217;ve seen before.  The Open Media Object Format is an effort to address the above problems while bringing metadata away from the mere administrative, opening up possibilities for pretty cool stuff we haven&#8217;t seen before.</p>
<p>Details for the roundtable and the demo are below.<span id="more-176"></span></p>
<h3>Open Video Conference Roundtable</h3>
<p>Metadata Roundtable II: Best Practices<br />
When: Saturday, June 20, 2009 at 2:35 pm<br />
Where: <a href="http://openvideoconference.org/venue/">Vanderbilt Hall, NYU</a><br />
<a href="http://openvideoconference.org/registration/">Conference registration</a> required (it&#8217;s pretty cheap)<br />
The participants are:</p>
<ul>
<li><strong>Devon Copley</strong> (session leader) &#8211; Fellow, Berkman Center for Internet and Society at Harvard University</li>
<li><strong>Brian Chirls</strong> &#8211; You know it.</li>
<li><strong>Ben Dean-Kawamura</strong> &#8211; Developer, Participatory Culture Foundation</li>
<li><strong>Mario Pena</strong> &#8211; SafeCreative</li>
<li><strong>David Rice</strong> &#8211; AudioVisual Preservation Solutions</li>
</ul>
<h3>Hack Day Demo</h3>
<p>On Sunday June 21, 2009, I will talk through the details of Open Media Object Format and demo the first implementation of it, a major WordPress plugin (still in early beta) that any creator can use to bring media in from almost any source (YouTube, Twitter, Flickr, etc.) and republish it as a blog post with OpenMOFo XML metadata output.</p>
<p>It will be a great opportunity to participate in shaping the metadata standard and to get a first look at a new blog publishing platform.  I&#8217;d appreciate the feedback.  Hack Day is at <a href="http://openvideoconference.org/venue/">Vanderbilt Hall, NYU</a>, the same location as the conference, and it&#8217;s open to the public for free.  I&#8217;m still figuring out the rest of the details, so check back here or follow me on <a href="http://twitter.com/bchirls">twitter</a> for the exact time.  <a href="http://chirls.com/contact/">Contact</a> me if you want to suggest a time or let me know you&#8217;re coming.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'An Open Metadata Solution' to Del.icio.us" alt="Add 'An Open Metadata Solution' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'An Open Metadata Solution' to digg" alt="Add 'An Open Metadata Solution' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'An Open Metadata Solution' to reddit" alt="Add 'An Open Metadata Solution' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2009/06/18/an-open-metadata-solution/" title="Add 'An Open Metadata Solution' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'An Open Metadata Solution' to Technorati" alt="Add 'An Open Metadata Solution' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;h=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'An Open Metadata Solution' to Newsvine" alt="Add 'An Open Metadata Solution' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution&amp;description=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'An Open Metadata Solution' to Ma.gnolia" alt="Add 'An Open Metadata Solution' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'An Open Metadata Solution' to Stumble Upon" alt="Add 'An Open Metadata Solution' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;title=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'An Open Metadata Solution' to Google Bookmarks" alt="Add 'An Open Metadata Solution' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=An+Open+Metadata+Solution&amp;url=http://chirls.com/2009/06/18/an-open-metadata-solution/" title="Add 'An Open Metadata Solution' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'An Open Metadata Solution' to SlashDot" alt="Add 'An Open Metadata Solution' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2009/06/18/an-open-metadata-solution/&amp;t=An+Open+Metadata+Solution" title="Add 'An Open Metadata Solution' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'An Open Metadata Solution' to FaceBook" alt="Add 'An Open Metadata Solution' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2009/06/18/an-open-metadata-solution/" title="Add 'An Open Metadata Solution' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'An Open Metadata Solution' to Twitter" alt="Add 'An Open Metadata Solution' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=CIiDAsPrq9U:3OOY0-S-I0o:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=CIiDAsPrq9U:3OOY0-S-I0o:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=CIiDAsPrq9U:3OOY0-S-I0o:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=CIiDAsPrq9U:3OOY0-S-I0o:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=CIiDAsPrq9U:3OOY0-S-I0o:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=CIiDAsPrq9U:3OOY0-S-I0o:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=CIiDAsPrq9U:3OOY0-S-I0o:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2009/06/18/an-open-metadata-solution/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://chirls.com/2009/06/18/an-open-metadata-solution/</feedburner:origLink></item>
		<item>
		<title>On Film Festival Premiere Requirements: Who’s It Good For?</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/TxHlqlWNtmI/</link>
		<comments>http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 05:32:49 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Movies]]></category>
		<category><![CDATA[audience]]></category>
		<category><![CDATA[brian newman]]></category>
		<category><![CDATA[distribution]]></category>
		<category><![CDATA[film]]></category>
		<category><![CDATA[film festival]]></category>
		<category><![CDATA[gen art]]></category>
		<category><![CDATA[industry]]></category>
		<category><![CDATA[premiere]]></category>
		<category><![CDATA[rules]]></category>
		<category><![CDATA[submission]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=172</guid>
		<description><![CDATA[Watching a presentation by Brian Newman, CEO of Tribeca Film Institute, I took note of a discussion on the value of having a film screen as a worldwide, nationwide or regional premiere at a given festival. Newman says he believes the social experience of a festival screening renders the requirement unnecessary, even when a film [...]]]></description>
			<content:encoded><![CDATA[<p>Watching a <a href="http://www.scottisharts.org.uk/1/professional/audiences/scottishaudiencedevelopmentforum/forum08/briannewman.aspx">presentation</a> by Brian Newman, CEO of <a href="http://www.tribecafilminstitute.org/">Tribeca Film Institute</a>, I took note of a discussion on the value of having a film screen as a worldwide, nationwide or regional premiere at a given festival.  Newman says he believes the social experience of a festival screening renders the requirement unnecessary, even when a film is fully and freely available online, though his colleagues at the <a href="http://www.tribecafilm.com/festival/">Tribeca Film Festival</a> disagree.</p>
<p>It&#8217;s been a few years since I submitted a film to a festival, but I remember it being a miserable process.  It&#8217;s hard enough to deal with deadlines, trips to the post office (do people do that anymore?) and all those fees (a nasty debate in itself), but I found the premiere requirements practically crippling.  Since then, I&#8217;ve attended many festivals and have even helped program one, so I have a different understanding of how these things work.</p>
<p>Below, I examine the issue from the perspective of different groups involved and see how each is affected by premiere requirements.  I encourage anyone with more experience or a different take to post a comment.<br />
<span id="more-172"></span></p>
<h3>Filmmakers</h3>
<p>At a minimum, premiere requirements limit the number of times and places you can have your film exhibited.  If you include restrictions on other media, it also eliminates opportunities to build an audience or earn money by having a film available online with advertising revenue or for sale as a download or DVD. But it can stop a filmmaker even before getting to festivals. Filmmakers often have to adjust their post-production and release schedules to the annual cycle of festivals and their deadlines. Premiere requirements can force a producer to pass on one festival in favor of a later, more prestigious festival.  If they don&#8217;t get accepted to that first choice, they&#8217;re forced to wait a whole year to try again at that second choice.  By that point, they&#8217;ve lost time, audience, relevance and money, and they&#8217;re submitting year-old film.</p>
<p>It could be good for filmmakers in that it keeps more screening slots open for more films, but I&#8217;m afraid this is not always the spirit in which these rules are in place.  And it doesn&#8217;t help at all in the case of platform exclusivity.</p>
<h3>Festivals</h3>
<p>In a short-term way that doesn&#8217;t involve too much thinking, premiere requirements are great for festivals, which is presumably why they are still in effect.  It can help attract press and industry to a festival, assuming these people are already convinced that the films in question are worth the trip.  More simply, the requirements give festivals a lot of power over filmmakers. Lots of other companies use exclusivity as well to raise their negotiating power. (More on that <a href="/2008/03/12/distribution-value-added/"> here</a>.)  When a filmmaker is forced to put all their eggs in your basket, you can make them beg, and it&#8217;s harder for them to ask for concessions like a screening fee or help with a flight and hotel room.  The top festivals can use this as a tactic to affect a first-look right for themselves.</p>
<p>Having been a programmer, however, I&#8217;ve observed first-hand that great films are precious, so it seems silly to turn away a good film because it&#8217;s playing a thousand miles away the week before.</p>
<p>Also, if festivals are to stay relevant, and I believe they can, they need to improve upon and emphasize the value they add as social events. Relying on exclusivity is decreasingly effective and distracts from that.</p>
<h3>Audiences</h3>
<p>I&#8217;m hard pressed to think how premiere requirements are anything but bad for audiences.  In my experience, most non-industry festival attendees are local.  Very few people can afford to take a week off and spend money on travel for a film festival if it&#8217;s not for work.  Even locally, film fans don&#8217;t have time to run out of films to see.  While it is nice to know you&#8217;re seeing something before everybody else, you can retain most of that experience knowing that you&#8217;re seeing a film in advance of a wide release (if it even happens at all) and with the director and actors in attendance.</p>
<p><a href="http://genart.org/film">Gen Art</a> is an example of a festival that consistently fills theaters with a local, non-industry audience without a strict premiere requirement.  They even host year-round screenings of films the week before wide release, adding the value of an after-party and a post-screening discussion with the director and actors.</p>
<p>Newman speaks about the importance of curation.  People have more entertainment options than ever.  Acceptance into a prestigious (or not) festival is no guarantee that you&#8217;ll love a film, and even if it were, many festivals keep attendees too busy to see everything.  Prior festival screenings give films time to build a track record of reviews, buzz and community that can help audiences do their own curation and even heighten the experience.</p>
<h3>Press and Industry</h3>
<p>For the most part, I think premiere requirements are pretty good for press and industry.  I assume they were mostly put in place to attract these people.  Distributors, festival programmers, journalists and bloggers go to a lot of festivals, so they don&#8217;t need to see the same films over and over again.  But many of these people have access to screener copies of all these films anyway.  While it does make a difference to see a film with an audience, that is not the way most people will see these films.</p>
<p>It appears that premiere requirements hurt more than they help, and they are helping the wrong people.  Distributors are not acquiring many films right now, at least not for enough money to cover a production budget.  Professional reviews are great, but they are not the best way to reach audiences. And industry professionals have other reasons to attend festivals &#8211; networking, panel discussions and free drinks.  Film festivals are great at creating social experiences, and they are best suited to serving audiences first, filmmakers second and everybody else after that.</p>
<p>Premiere requirements seem to be based on the idea that a film starts with a certain value and then shrinks from there on out.  This is the same idea that holds up the old model of windows, where a film starts with a big opening weekend, followed by decreasing box office and a chain of platforms, each offering lower cost and lower quality.  I believe this model is obsolete, and that producers, audiences and the industry can benefit from giving films a chance to grow.</p>
<p><em>To see the relevant part of Brian Newman&#8217;s talk, go <a href="http://www.scottisharts.org.uk/1/professional/audiences/scottishaudiencedevelopmentforum/forum08/briannewman.aspx">here</a>, click on the &#8220;menu&#8221; button in the upper-right corner of the video player, and select the fourth section, titled &#8220;Conversation.&#8221;</em><!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Del.icio.us" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to digg" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to reddit" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Technorati" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;h=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Newsvine" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F&amp;description=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Ma.gnolia" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Stumble Upon" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Google Bookmarks" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F&amp;url=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to SlashDot" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/&amp;t=On+Film+Festival+Premiere+Requirements%3A+Who%26%238217%3Bs+It+Good+For%3F" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to FaceBook" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Twitter" alt="Add 'On Film Festival Premiere Requirements: Who&#8217;s It Good For?' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=TxHlqlWNtmI:NUeyPhQ6mbQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=TxHlqlWNtmI:NUeyPhQ6mbQ:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=TxHlqlWNtmI:NUeyPhQ6mbQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=TxHlqlWNtmI:NUeyPhQ6mbQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=TxHlqlWNtmI:NUeyPhQ6mbQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=TxHlqlWNtmI:NUeyPhQ6mbQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=TxHlqlWNtmI:NUeyPhQ6mbQ:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://chirls.com/2009/04/30/on-film-festival-premiere-requirements-whos-it-good-for/</feedburner:origLink></item>
		<item>
		<title>Audio: IFF Boston Audience Building Panel</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/m_Oth5xa834/</link>
		<comments>http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 16:07:59 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Movies]]></category>
		<category><![CDATA[audience]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[b-side]]></category>
		<category><![CDATA[boston]]></category>
		<category><![CDATA[chris holland]]></category>
		<category><![CDATA[film festival]]></category>
		<category><![CDATA[iffb]]></category>
		<category><![CDATA[panel]]></category>
		<category><![CDATA[scott kirsner]]></category>
		<category><![CDATA[sean flynn]]></category>
		<category><![CDATA[speaking engagement]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=167</guid>
		<description><![CDATA[Here is an audio recording of our full panel at Independent Film Festival Boston, Followers: How Filmmakers are Building Their Audiences Online in the 21st Century. You can listen with the embedded player below or download the full mp3. The other panelists were: Scott Kirsner (moderator) is a journalist and all-around smart guy. He&#8217;s the [...]]]></description>
			<content:encoded><![CDATA[<p>Here is an audio recording of our full panel at Independent Film Festival Boston, <a href="http://chirls.com/2009/04/06/panel-independent-film-festival-boston/">Followers: How Filmmakers are Building Their Audiences Online in the 21st Century</a>.</p>
<p>You can listen with the embedded player below or <a href="http://soundcloud.com/brianchirls/iffboston-audience-building-panel/download">download the full mp3</a>.</p>
<p>The other panelists were:</p>
<ol>
<li><strong>Scott Kirsner (moderator)</strong> is a journalist and all-around smart guy. He&#8217;s the author of two books, <em><a href="http://www.scottkirsner.com/inventing/">Inventing the Movies</a></em>, which I frequently cite as a defining analysis of how the film industry falls behind on innovation, and <em><a href="http://www.scottkirsner.com/fff">Fans, Friends &#038; Followers</a></em>, an excellent collection of interviews with artists who build their own audiences and distribute their own work.  He also writes the blog <a href="http://cinematech.blogspot.com/">Cinematech</a>.</li>
<li><strong>Chris Holland</strong> Director of Festival Operations at <a href="http://bside.com/">B-Side</a> and author of <em><a href="http://www.filmfestivalsecrets.com">Film Festival Secrets</a></em>.</li>
<li><strong>Sean Flynn</strong> producer and cinematographer at <a href="http://principlepictures.com/">Principle Pictures</a>.</li>
</ol>
<p>We discussed a range of topics, including:</p>
<ol>
<li>Benefits and pitfalls of social networking (Facebook, MySpace, Twitter, etc.)</li>
<li>Strategies for reaching audiences before, during and after production</li>
<li>Crowdsourcing to build audiences as well as help production</li>
<li>How much of your content to post online for free</li>
<li>Ad revenue models</li>
<li>Distribution formats (DVD, download, streaming, theatrical, etc.)</li>
<li>Applying all the above to other media such as music and art</li>
</ol>
<div style="font-size: 11px;"><object height="81" width="100%"><param name="movie" value="http://player.soundcloud.com/player.swf?track=iffboston-audience-building-panel"></param><param name="wmode" value="transparent"></param><param name="allowscriptaccess" value="always"></param>  <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?track=iffboston-audience-building-panel" type="application/x-shockwave-flash" width="100%" wmode="transparent"></embed></object>
<div style="padding-top: 5px;"><a href="http://soundcloud.com/brianchirls/iffboston-audience-building-panel">Independent Film Festival Boston: Audience Building Panel</a>  by  <a href="http://soundcloud.com/brianchirls">brianchirls</a></div>
</div>
<p><!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Del.icio.us" alt="Add 'Audio: IFF Boston Audience Building Panel' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'Audio: IFF Boston Audience Building Panel' to digg" alt="Add 'Audio: IFF Boston Audience Building Panel' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'Audio: IFF Boston Audience Building Panel' to reddit" alt="Add 'Audio: IFF Boston Audience Building Panel' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/" title="Add 'Audio: IFF Boston Audience Building Panel' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Technorati" alt="Add 'Audio: IFF Boston Audience Building Panel' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;h=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Newsvine" alt="Add 'Audio: IFF Boston Audience Building Panel' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel&amp;description=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Ma.gnolia" alt="Add 'Audio: IFF Boston Audience Building Panel' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Stumble Upon" alt="Add 'Audio: IFF Boston Audience Building Panel' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;title=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Google Bookmarks" alt="Add 'Audio: IFF Boston Audience Building Panel' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=Audio%3A+IFF+Boston+Audience+Building+Panel&amp;url=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/" title="Add 'Audio: IFF Boston Audience Building Panel' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'Audio: IFF Boston Audience Building Panel' to SlashDot" alt="Add 'Audio: IFF Boston Audience Building Panel' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/&amp;t=Audio%3A+IFF+Boston+Audience+Building+Panel" title="Add 'Audio: IFF Boston Audience Building Panel' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'Audio: IFF Boston Audience Building Panel' to FaceBook" alt="Add 'Audio: IFF Boston Audience Building Panel' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/" title="Add 'Audio: IFF Boston Audience Building Panel' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'Audio: IFF Boston Audience Building Panel' to Twitter" alt="Add 'Audio: IFF Boston Audience Building Panel' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=m_Oth5xa834:zwY_y1ll84c:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=m_Oth5xa834:zwY_y1ll84c:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=m_Oth5xa834:zwY_y1ll84c:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=m_Oth5xa834:zwY_y1ll84c:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=m_Oth5xa834:zwY_y1ll84c:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=m_Oth5xa834:zwY_y1ll84c:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=m_Oth5xa834:zwY_y1ll84c:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/</feedburner:origLink></item>
		<item>
		<title>Panel: Independent Film Festival Boston</title>
		<link>http://feedproxy.google.com/~r/brianchirls/~3/sOVwtaZlgdE/</link>
		<comments>http://chirls.com/2009/04/06/panel-independent-film-festival-boston/#comments</comments>
		<pubDate>Mon, 06 Apr 2009 19:52:35 +0000</pubDate>
		<dc:creator>chirls</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Movies]]></category>
		<category><![CDATA[audience]]></category>
		<category><![CDATA[b-side]]></category>
		<category><![CDATA[boston]]></category>
		<category><![CDATA[film festival]]></category>
		<category><![CDATA[iffb]]></category>
		<category><![CDATA[panel]]></category>
		<category><![CDATA[scott kirsner]]></category>

		<guid isPermaLink="false">http://chirls.com/?p=160</guid>
		<description><![CDATA[On Sunday, April 26, 2009, I will be speaking at a panel at Independent Film Festival Boston on digital strategies for building and communicating with your audience. I hope to reveal some of the tools I&#8217;ve been working on over the past year. I&#8217;m looking forward to attending IFFB for the first time. I&#8217;ve heard [...]]]></description>
			<content:encoded><![CDATA[<p>On Sunday, April 26, 2009, I will be speaking at a panel at <a href="http://www.iffboston.org/">Independent Film Festival Boston</a> on digital strategies for building and communicating with your audience.  I hope to reveal some of the tools I&#8217;ve been working on over the past year.</p>
<p>I&#8217;m looking forward to attending IFFB for the first time.  I&#8217;ve heard great things about the festival, since <a href="http://foureyedmonsters.com">Four Eyed Monsters</a> played there in 2005, and the festival&#8217;s Program Director <a href="http://en.wikipedia.org/wiki/Adam_Roffman">Adam Roffman</a> managed the very successful <a href="http://foureyedmonsters.com/boston-globe/">Boston release</a> of the film in 2006.</p>
<p>Here are the Details:<br />
Sunday, April 26, 2009 @ 12:00 pm<br />
<a href="http://www.somervilletheatreonline.com/somerville/index.php">Somerville Theatre</a><br />
55 Davis Sq<br />
Somerville, MA 02144<br />
(617) 625-5700<br />
<a href="http://maps.google.com/maps?sourceid=Mozilla-search&#038;q=somerville+theater,+somerville,+ma&#038;ie=UTF8&#038;ll=42.397189,-71.122527&#038;spn=0.019649,0.036006&#038;t=h&#038;z=15&#038;iwloc=A">map</a></p>
<p>The other panelists are:</p>
<ol>
<li><strong>Scott Kirsner (moderator)</strong> is a journalist and all-around smart guy. He&#8217;s the author of two books, <em><a href="http://www.scottkirsner.com/inventing/">Inventing the Movies</a></em>, which I frequently cite as a defining analysis of how the film industry falls behind on innovation, and <em><a href="http://www.scottkirsner.com/fff">Fans, Friends &#038; Followers</a></em>, an excellent collection of interviews with artists who build their own audiences and distribute their own work.  He also writes the blog <a href="http://cinematech.blogspot.com/">Cinematech</a>.</li>
<li><strong>Chris Holland</strong> Director of Festival Operations at <a href="http://bside.com/">B-Side</a> and author of <em><a href="http://www.filmfestivalsecrets.com">Film Festival Secrets</a></em>.</li>
<li><strong>Sean Flynn</strong> producer and cinematographer at <a href="http://principlepictures.com/">Principle Pictures</a>.</li>
</ol>
<p><strong>Update:</strong> I recorded and posted the entire panel <a href="http://chirls.com/2009/04/27/audio-iff-boston-audience-building-panel/">here</a>.<!-- Social Bookmarking Reloaded BEGIN -->
<div class="social_bookmark"><em>Bookmark to:</em><br /><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to Del.icio.us"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/delicious.png" title="Add 'Panel: Independent Film Festival Boston' to Del.icio.us" alt="Add 'Panel: Independent Film Festival Boston' to Del.icio.us" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to digg"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/digg.png" title="Add 'Panel: Independent Film Festival Boston' to digg" alt="Add 'Panel: Independent Film Festival Boston' to digg" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to reddit"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/reddit.png" title="Add 'Panel: Independent Film Festival Boston' to reddit" alt="Add 'Panel: Independent Film Festival Boston' to reddit" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/" title="Add 'Panel: Independent Film Festival Boston' to Technorati"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/technorati.png" title="Add 'Panel: Independent Film Festival Boston' to Technorati" alt="Add 'Panel: Independent Film Festival Boston' to Technorati" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;h=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to Newsvine"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/newsvine.png" title="Add 'Panel: Independent Film Festival Boston' to Newsvine" alt="Add 'Panel: Independent Film Festival Boston' to Newsvine" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://ma.gnolia.com/bookmarklet/add?url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston&amp;description=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to Ma.gnolia"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/magnolia.png" title="Add 'Panel: Independent Film Festival Boston' to Ma.gnolia" alt="Add 'Panel: Independent Film Festival Boston' to Ma.gnolia" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to Stumble Upon"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/stumbleupon.png" title="Add 'Panel: Independent Film Festival Boston' to Stumble Upon" alt="Add 'Panel: Independent Film Festival Boston' to Stumble Upon" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;title=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to Google Bookmarks"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/google.png" title="Add 'Panel: Independent Film Festival Boston' to Google Bookmarks" alt="Add 'Panel: Independent Film Festival Boston' to Google Bookmarks" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://slashdot.org/bookmark.pl?title=Panel%3A+Independent+Film+Festival+Boston&amp;url=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/" title="Add 'Panel: Independent Film Festival Boston' to SlashDot"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/slashdot.png" title="Add 'Panel: Independent Film Festival Boston' to SlashDot" alt="Add 'Panel: Independent Film Festival Boston' to SlashDot" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/share.php?u=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/&amp;t=Panel%3A+Independent+Film+Festival+Boston" title="Add 'Panel: Independent Film Festival Boston' to FaceBook"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/facebook.png" title="Add 'Panel: Independent Film Festival Boston' to FaceBook" alt="Add 'Panel: Independent Film Festival Boston' to FaceBook" /></a><a class="social_img" onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,border=0,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home?status=http://chirls.com/2009/04/06/panel-independent-film-festival-boston/" title="Add 'Panel: Independent Film Festival Boston' to Twitter"><img src="http://chirls.com/wp-content/plugins/social-bookmarking-reloaded/twitter.png" title="Add 'Panel: Independent Film Festival Boston' to Twitter" alt="Add 'Panel: Independent Film Festival Boston' to Twitter" /></a></div>
<p><!-- Social Bookmarking Reloaded END --></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/brianchirls?a=sOVwtaZlgdE:N-9xr85Xr8g:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=sOVwtaZlgdE:N-9xr85Xr8g:dnMXMwOfBR0"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=dnMXMwOfBR0" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=sOVwtaZlgdE:N-9xr85Xr8g:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=sOVwtaZlgdE:N-9xr85Xr8g:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=sOVwtaZlgdE:N-9xr85Xr8g:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/brianchirls?i=sOVwtaZlgdE:N-9xr85Xr8g:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/brianchirls?a=sOVwtaZlgdE:N-9xr85Xr8g:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/brianchirls?d=qj6IDK7rITs" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://chirls.com/2009/04/06/panel-independent-film-festival-boston/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://chirls.com/2009/04/06/panel-independent-film-festival-boston/</feedburner:origLink></item>
	</channel>
</rss>
