<?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>designerZen &#187; Multimedia</title>
	<atom:link href="http://www.designerzen.com/category/portfolio/web/multimedia/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerzen.com</link>
	<description>design and work of zenon olenski</description>
	<lastBuildDate>Mon, 14 Nov 2011 13:57:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>MPORA</title>
		<link>http://www.designerzen.com/2010/11/mpora/</link>
		<comments>http://www.designerzen.com/2010/11/mpora/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 18:40:35 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Widgets]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=260</guid>
		<description><![CDATA[Action Sports Media Browser The world&#8217;s largest online collection of skateboarding, surfing and snowboarding videos &#8211; presented in one, small, embeddable media player. Generation 3 of the Factory Media Browser connects to all the sports channels, offers full user analytics &#8230; <a href="http://www.designerzen.com/2010/11/mpora/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h3><img class="alignright size-full wp-image-654" title="Media Player" src="http://www.designerzen.com/blog/wp-content/uploads/2010/11/thumbnail.jpeg" alt="" width="296" height="166" />Action Sports Media Browser</h3>
<p>The world&#8217;s largest online collection of skateboarding, surfing and snowboarding videos &#8211; presented in one, small, embeddable media player. Generation 3 of the Factory Media Browser connects to all the sports channels, offers full user analytics and commercials, and offers the user buffer free full screen playback and the chance to share the movies with friends.<br />
<span id="more-260"></span>As Mpora is one of my favourite and most frequently visited sites, I wanted to make sure that the new media player would be slick, seamless and operated as smooth as possible.  Working solo for <a title="Factory Media Home Page" href="http://factorymedia.com/" target="_blank">Factory Media</a>, the largest action sports publisher in the world.</p>
<p><a class="external_link" title="Mpora V4" href="http://video.mpora.com/" target="_blank">MPORA : Action Sports &#8211; Click a video file to watch it</a></p>
<p>Check out the embedded player below featuring my favourite skater John Rattray in &#8220;H&#8217;Min Bam&#8221;.</p>
<p><a title="Chicagof" href="http://cdn1.video.mporatrons.com/mporaPlayer3.21102010.0947.swf?id=dfmlviFG6&amp;ext=1&amp;site=live" target="_self"><img class="alignnone" title="Chicagof" src="http://cdn2.video.mporatrons.com/play/tnwide/dfmlviFG6/b/0/" alt="" width="480" height="360" />Factory Media Browser V3 presents &#8220;H&#8217;Min Bam&#8221;</a></p>
<p>See it in action on these  <strong>great sites</strong> :</p>
<ul>
<li><a target="_blank" href="http://dirtmountainbike.com/"">Dirtmountainbike.com</a></li>
<li><a target="_blank" href="http://mpora.com/">Mpora.com</a></li>
<li><a target="_blank" title="Sidewalk Surfer" href="http://sidewalkmag.com/">Sidewalkmag.com</a></li>
<li><a target="_blank" title="Kingpin Magazine" href="http://kingpinmag.com/">Kingpinmag.com</a></li>
<li><a target="_blank" href="http://rideukbmx.com">rideukbmx.com</a></li>
<li><a target="_blank" href="http://digbmx.com">Digbmx.com</a></li>
<li><a target="_blank" href="http://surfeuropemag.com">Surfeuropemag.com</a></li>
<li><a target="_blank" href="http://surferspath.com">Ssurferspath.com</a></li>
<li><a target="_blank" href="http://motomagazine.co.uk">Motomagazine.co.uk</a></li>
<li><a target="_blank" href="http://onboardsnowboarding.com">Onboardsnowboarding.com</a></li>
<li><a target="_blank" href="http://whitelines.com">Whitelines.com</a></li>
<li><a target="_blank" href="http://skiunion.com">Skiunion.com</a></li>
<li><a target="_blank" href="http://coolermag.com">coolermag.com</a></li>
<li><a target="_blank" href="http://boards.co.uk">Boards.co.uk</a></li>
<li><a target="_blank" href="http://boardseeker.com">Boardseeker.com</a></li>
<li><a target="_blank" title="The Bicycle Buyer" href="http://thebicyclebuyer.com/">thebicyclebuyer.com</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2010/11/mpora/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zombie Barbershop Quartet</title>
		<link>http://www.designerzen.com/2010/09/zombie-barbershop-quartet/</link>
		<comments>http://www.designerzen.com/2010/09/zombie-barbershop-quartet/#comments</comments>
		<pubDate>Sat, 11 Sep 2010 18:30:42 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Microsites]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[musical]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=579</guid>
		<description><![CDATA[Sing-a-long Multiplayer Game Grab some buddies, boot up your laptops and sing the zombie anthem in perfect harmony with your friends  (or not!). Classic retro fun gaming using 21st century technology and crowd participation for a spooky karaoke experience. Zombie &#8230; <a href="http://www.designerzen.com/2010/09/zombie-barbershop-quartet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h3><img class="alignleft size-full wp-image-625" title="zombie_thumb" src="http://www.designerzen.com/blog/wp-content/uploads/2010/09/zombie_thumb1.png" alt="" width="166" height="166" />Sing-a-long Multiplayer Game</h3>
<p>Grab some buddies, boot up your laptops and sing the zombie anthem in perfect harmony with your friends  (or not!). Classic retro fun gaming using 21st century technology and crowd participation for a spooky karaoke experience. <span id="more-579"></span><a class="external_link" title="Zombie Barbershop Quartet" href="http://murderdeathkitty.net/output/zombie/" target="_blank">Zombie Barbershop Quartet<br />
</a>This was my team submission for <em>Music Hack Day 2010</em>, written alongside multi talented developer <a href="http://murderdeathkitty.net/">Robin Beitra</a> and evil genius mastermind, <a href="http://www.recursiveflow.com">Alastair Dant</a>.</p>
<p>Based around the classic games of the 80s, but with a modern twist, Zombie Barbershop Quartet is best played in a room where many people are playing simultaneously, as the musical score is synchronised with a central server, all the zombies sing in tune and in time!</p>
<p>Using the fantastic new <strong>microphone sampling facility in Flash 10.1</strong>, we wrote some classes that sample and record the microphone input allowing us to do some pretty nifty transformations of the waveforms. Originally we started trying to deduce the frequency you are singing using a Fast Fourier Transformation, which as Flash does not have one in built, made performance quite sluggish. We eventually wrote an Auto Correlator Class that compares periods of waveforms against each other to quickly determine the dominant frequency using very few resources.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2010/09/zombie-barbershop-quartet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Hundred Lovers</title>
		<link>http://www.designerzen.com/2010/03/diesel-a-hundred-lovers/</link>
		<comments>http://www.designerzen.com/2010/03/diesel-a-hundred-lovers/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 23:40:54 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Film]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Microsites]]></category>
		<category><![CDATA[Multimedia]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=557</guid>
		<description><![CDATA[Diesel interactive film catalogue How do you show off an entire catalogue of clothes whilst dancing in a pop video&#8230; An homage to Goddard’s 1964 film Bande à part, and named after the pop song by Josef Xorto, this interactive &#8230; <a href="http://www.designerzen.com/2010/03/diesel-a-hundred-lovers/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-707" title="hundred lovers" src="http://www.designerzen.com/blog/wp-content/uploads/2010/03/thumb1.png" alt="" width="220" height="220" /></p>
<h3>Diesel interactive film catalogue</h3>
<p>How do you show off an <em>entire catalogue</em> of clothes whilst dancing in a pop video&#8230; An homage to Goddard’s 1964 film <em>Bande à part</em>, and named after the pop song by Josef Xorto, this <strong>interactive pop video</strong> doubles as this years Diesel clothes catalogue. A fun and engaging film with more than a little charm.<span id="more-557"></span>Edited with a technique known as <em>match-cut</em>, which allows movements to remain fluid from a character, even whilst they are changing clothes and actors, meaning we could show off the entire Diesel range in a just 3 minutes!</p>
<p>The fun part is that you can roll over the video at any time which pauses it to show information about each garment and each actor. From there you can follow links to buy the clothes on Diesel’s store, or even cyber-stalk the actors.</p>
<p><a class="external_link" title="A Hundred Lovers" href="http://www.diesel.com/ahundredlovers/" target="_blank">A hundred lovers</a></p>
<p><a class="external_link" title="A Hundred Lovers FWA" href="http://www.thefwa.com/site/a-hunrdred-lovers" target="_blank">FWA Site of the Day</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2010/03/diesel-a-hundred-lovers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NomadRadio.fm</title>
		<link>http://www.designerzen.com/2009/04/nomadradiofm/</link>
		<comments>http://www.designerzen.com/2009/04/nomadradiofm/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 14:27:56 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Favourites]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/?p=223</guid>
		<description><![CDATA[Renegade Web Radio Bored of the charts? Looking for sounds to keep you occupied? Look no longer with music and mixes from around the world in one simple interface &#8211; combining a podcast, blog and mix aggregator &#8211; held together &#8230; <a href="http://www.designerzen.com/2009/04/nomadradiofm/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="right size-thumbnail wp-image-318" title="Nomad Screenshot" src="http://www.designerzen.com/blog/wp-content/uploads/2009/04/screenshot-150x150.jpg" alt="Nomad Radio dot FM" width="150" height="150" /></p>
<h3>Renegade Web Radio</h3>
<p>Bored of the charts? Looking for sounds to keep you occupied? Look no longer with music and mixes from around the world in one simple interface &#8211; combining a podcast, blog and mix aggregator &#8211; held together with AJAX magic</p>
<p><span id="more-223"></span><br />
check it out<br />
<a title="Nomad Radio" class="external_link" href="http://nomadradio.fm/">nomadradio.fm</a></p>
<h4>Features</h4>
<ul>
<li>Cross Fading between tracks</li>
<li>Prefetching of the next track so that there aren&#8217;t any gaps between songs</li>
<li>A fast visualiser that reacts onbeat as well as to the frequencies</li>
<li>Saved volume and a rotary dial <img src='http://www.designerzen.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>AJAX backend so that you can browse around without losing audio</li>
<li>Flash <-> Javascript bi-communication</li>
</ul>
<p>Get involved and send over your mixes!</p>
<div class="flashbox frame">
<a id="max" class="alignright" style="width: 300px; height: 360px;" href="http://www.nomadradio.fm/wp-content/themes/NomadRadio/MusicVacuum.swf?iptc=http://www.nomadradio.fm/?feed=podcast&#038;seamless=true&#038;autostart=false&#038;crossfade_duration=500&#038;crossfade_curve=0&#038;buffer_duration=1000">nomad radio player</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2009/04/nomadradiofm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>the dreamcapturer</title>
		<link>http://www.designerzen.com/2002/05/dreamcapturer/</link>
		<comments>http://www.designerzen.com/2002/05/dreamcapturer/#comments</comments>
		<pubDate>Fri, 10 May 2002 11:00:59 +0000</pubDate>
		<dc:creator>designerzen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Favourites]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Products]]></category>
		<category><![CDATA[Prototypes]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[product]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://www.designerzen.com/blog/index.php/2002/dreamcapturer/</guid>
		<description><![CDATA[Turns dreams into music Ever wondered how your dreams sound? Ever wondered what your dreams would sound like if they had soundtracks? Wonder no longer with the dreamCapturer. A USB product that accurately predicts your mood in realtime, creating a &#8230; <a href="http://www.designerzen.com/2002/05/dreamcapturer/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="right" src="http://www.designerzen.com/blog/wp-content/uploads/2007/02/dreamcapturert.gif" alt="dreamCapturer" /></p>
<h3>Turns dreams into music</h3>
<p>Ever wondered how your dreams sound? Ever wondered what your dreams would sound like if they had soundtracks? Wonder no longer with the <strong>dreamCapturer</strong>.</p>
<p><span id="more-49"></span><br />
<img class="alignleft" src="http://farm3.static.flickr.com/2762/4177157280_e6e8124b0f.jpg" width="500" height="375" alt="dreamCapturer" /><br />
A <strong>USB product</strong> that <strong>accurately predicts your mood in realtime</strong>, creating a <strong>mood-mapped soundtrack</strong> of your sleep from your first dream through to the last.</p>
<p>With musical backing from members of the <strong>Hallé </strong>and <strong>Royal Philharmonic Orchestra</strong>, thousands of mood instilling sounds were compiled together to form a database of samples capable of recreating any mood or emotion. From anger to happiness through to more obscure emotions such as ambivalence and angst.</p>
<p><img class="alignright" src="http://farm3.static.flickr.com/2665/4177236598_ae2a74c399.jpg" width="500" height="394" alt="dreamCapturer Online" /></p>
<p>With a fully <strong>animated graphic user interface</strong> designed in Flash, the dreamCapturer <strong>analyses your mood</strong> and represents it onscreen with character driven feedback. If you are stressed and your mood is a mixture of anger and rage, the onscreen character snarls and dips his eyebrows, if you are calm and happy, the onscreen character smiles and nods. Of course this is all in time to the music!</p>
<h3>How it Works</h3>
<p>Connect the dream quilt sensor to your <em>thumb </em>and click the <em>big blue button</em>. Immediately your &#8216;<em>baseline</em>&#8216; mood is being analysed. Over the space of a few minutes of constant use, the <strong>dreamCapturer </strong>learns what your <em>normal </em>mood is and begins the music process. As soon as you are calibrated, the <strong>dreamCapturer </strong>gets to work every <em>tenth of a second</em> recognising alterations and trends in your mood and looking for relevant sounds in its audio database.</p>
<p>The database is categorised into <strong>four channels of audio</strong> each with its own specific emotional fingerprint :<br />
the first channel is the percussion where pace and action are described;<br />
the second channel hosts the classical instruments which bring major and minor emotions;<br />
the third is the bass where fear and sensitivity are shaped;<br />
the final channel holds melody sounds and masked audio such as pink noise.</p>
<p>Once the <strong>dreamCapturer </strong>begins interpreting your emotions, it harmonises the four channels with relevant sounds all set to the BPM set by the percussion channel. If you are having a nightmare, prepare to hear some uncomfortable sounds&#8230; of course happy dreams are relaxed and enjoyable late night listening.</p>
<p>Depending on many parameters measured from your body (and not your brain!) the <strong>dreamCapturer </strong>recognises when you are falling asleep, and when you are awake and does a pretty good job of figuring out how many dreams you had in between! When you log back onto your computer in the morning you can check your emails, and now you can check your <strong>dreams-inbox</strong> as they are stored in the dream vault.</p>
<h3 class="bluu">Technical details</h3>
<p class="geek">
<ol>
<li>USB 2.0 hot pluggable.</li>
<li>Uses GSR (lie-detectors) and body temperature to determine mood.</li>
<li>Fully animated GUI programmed in Flash. Realtime character representation of mood.</li>
<li>Low latency mood capture with accurate mood determination algorithms.</li>
<li>Audio samples from bin-aural to classical from well respected musicians, scientists and artists.</li>
<li>Save your dreams, banish your nightmares or email them to your friends.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.designerzen.com/2002/05/dreamcapturer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

