<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>Tim Rohe &#187; PopcornJS</title>
	<atom:link href="http://timrohe.com/tag/popcornjs/feed/" rel="self" type="application/rss+xml" />
	<link>http://timrohe.com</link>
	<description>Photography and Video for Content Marketing</description>
	<lastBuildDate>Sat, 11 May 2013 13:11:23 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>HTML5 Video Narrative Web Site</title>
		<link>http://timrohe.com/2012/05/html5-video-narrative-web-site/</link>
		<comments>http://timrohe.com/2012/05/html5-video-narrative-web-site/#comments</comments>
		<pubDate>Fri, 18 May 2012 02:45:14 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[Video]]></category>
		<category><![CDATA[Web media]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PopcornJS]]></category>

		<guid isPermaLink="false">http://timrohe.com/?p=467</guid>
		<description><![CDATA[I just completed a web production class at UW-Stout. One of the projects was to build a narrative web site, which you can see here. One warning though, a modern browser with HTML5 capabilities must be used. Internet Explorer will NOT display the site correctly! Current versions of Firefox, Chrome, and Safari work fine with [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://mediastormcloud.com/alonetime/"><img class="alignnone" title="go to site" src="http://mediastormcloud.com/alonetime/images/start.png" alt="bird" width="433" height="353" /></a></p>
<p>I just completed a web production class at UW-Stout. One of the projects was to build a narrative web site, which you can see <a title="go to site" href="http://mediastormcloud.com/alonetime/" target="_blank">here</a>. One warning though, a modern browser with HTML5 capabilities must be used. Internet Explorer will NOT display the site correctly! Current versions of Firefox, Chrome, and Safari work fine with best results in the latter two. <span id="more-467"></span>I decided to incorporate HTML5 video because I had been looking for an excuse to play with the code. I also decided to use Mozilla&#8217;s Popocorn JS JavaScript library to add interactivity between the video and the page. My original ambitions were much greater for this project, but I still like how it turned out. There are a lot of things that could be improved, but it was a good learning experience. The entire video was shot in under an hour, and edited almost as quickly. Luckily, I was not being graded on my video production skills.</p>
]]></content:encoded>
			<wfw:commentRss>http://timrohe.com/2012/05/html5-video-narrative-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
