<?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>der hess &#187; streaming</title>
	<atom:link href="http://blog.derhess.de/tag/streaming/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.derhess.de</link>
	<description>am medialen werkeln</description>
	<lastBuildDate>Wed, 01 Feb 2012 12:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>My most important Twitter Messages #6</title>
		<link>http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/</link>
		<comments>http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/#comments</comments>
		<pubDate>Mon, 05 Jul 2010 13:13:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[english]]></category>
		<category><![CDATA[Games]]></category>
		<category><![CDATA[Generative Art]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[physical computing]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1343</guid>
		<description><![CDATA[A small summary of my Twitter messages from March - June 2010: Allgemein (General) Reading 'How To Market Your Mobile Application' (via @smashingmag) 175 free woodworking ebooks the Pop Sciences Archive is opened and for free! Free Paper: The Internet of things: Networked objects and smart devices really cool project! http://openmaterials.org/about/ and maybe helpful for [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
<li><a href='http://blog.derhess.de/2010/01/05/my-most-important-twitter-messages-4/' rel='bookmark' title='My most important Twitter Messages #4'>My most important Twitter Messages #4</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="aligncenter" src="http://blog.derhess.de/wp-content/uploads/2009/07/twitterdehess.gif" alt="Twitter von der hess" width="435" height="155" /><br />
A small summary of my <a href="http://twitter.com/derhess" target="_blank">Twitter messages</a> from March - June 2010:</p>
<p><strong><span id="more-1343"></span>Allgemein (General)</strong></p>
<ul>
<li>Reading '<a href="http://www.smashingmagazine.com/2010/03/03/how-to-market-your-mobile-app/" target="_blank">How To Market Your Mobile Application</a>'  (via @<a rel="nofollow" href="http://twitter.com/smashingmag">smashingmag</a>)</li>
<li><a href="http://blog.makezine.com/archive/2010/03/175_free_woodworking_ebooks.html" target="_blank">175 free woodworking ebooks</a></li>
<li>the <a href="http://www.popsci.com/archives" target="_blank">Pop Sciences Archive</a> is opened and for free!</li>
<li>Free Paper: <a href="http://thehammersmithgroup.com/images/reports/networked_objects.pdf" target="_blank">The Internet of things: Networked  objects and smart devices</a></li>
<li>really cool project! <a rel="nofollow" href="http://openmaterials.org/about/" target="_blank">http://openmaterials.org/about/</a> and  maybe helpful for some future projects (installations and tangible  devices?!)</li>
<li><strong><a href="http://twitter.com/ben_fry">RT @ben_fry</a> </strong>is higher education a bubble  that's about to burst? <a rel="nofollow" href="http://j.mp/cjf4Nh" target="_blank">http://j.mp/cjf4Nh</a> (via @<a rel="nofollow" href="http://twitter.com/humphd">humphd</a>)</li>
<li><strong><a href="http://twitter.com/apolaine">RT @apolaine</a> </strong>New on Playpen::  <a href="http://www.polaine.com/2010/06/07/interdisciplinarity-vs-cross-disciplinarity/" target="_blank">Interdisciplinarity vs Cross-Disciplinarity</a></li>
<li><a href="https://www.adobe.com/products/creativesuite/cslive/story/" target="_blank">Adobe Story</a>: A Collaborative Tool for  Screenwriting - maybe useful in some future projects?!</li>
<li>Interesting: <a href="http://www.slow-media.net/manifesto" target="_blank">Slow Media Manifesto</a></li>
<li>Ole <a title="#Kristensen" rel="nofollow" href="http://twitter.com/search?q=%23Kristensen">#Kristensen</a> Homepage is a  perfect resource for <a title="#stage" rel="nofollow" href="http://twitter.com/search?q=%23stage">#stage</a>-based  <a title="#animations" rel="nofollow" href="http://twitter.com/search?q=%23animations">#animations</a> and <a title="#installations" rel="nofollow" href="http://twitter.com/search?q=%23installations">#installations</a> <a rel="nofollow" href="http://bit.ly/aHxX6T" target="_blank">http://bit.ly/aHxX6T</a> | <a rel="nofollow" href="http://bit.ly/d4a8Hn" target="_blank">http://bit.ly/d4a8Hn</a></li>
</ul>
<p><strong>Generative Art:</strong></p>
<ul>
<li><a href="http://blog.makezine.com/archive/2010/03/math_monday_mathematical_art_in_the.html" target="_blank">Mathematical Art and sculptures</a></li>
<li>Really <a href="http://www.neuroproductions.be/experiments/blowing-up-images/" target="_blank">great particle experiment</a> with good  potential for generative art projects</li>
<li>such a nice gallery: <a href="http://www.complexification.net/gallery/ " target="_blank">Complexification | Gallery of  Computation</a> <a title="#Generative" rel="nofollow" href="http://twitter.com/search?q=%23Generative">#Generative</a> <a title="#Art" rel="nofollow" href="http://twitter.com/search?q=%23Art">#Art</a> <a title="#Drawing" rel="nofollow" href="http://twitter.com/search?q=%23Drawing">#Drawing</a></li>
</ul>
<p><strong>Info Design and Visualization<br />
</strong></p>
<ul>
<li>
<div><a id="status_star_10175167825" title="favorite  this tweet"> </a>RT @<a rel="nofollow" href="http://twitter.com/DesignerDepot">DesignerDepot</a>:  14 Visually Stunning <a href="http://www.designer-daily.com/14-visually-stunning-animated-infographics-5698" target="_blank">Animated Infographics</a></div>
</li>
<li>Tim Berners-Lee:  <a href="http://infosthetics.com/archives/2010/03/tim_berners-lee_the_year_open_data_went_worldwide_ted_talk.html" target="_blank">The Year Open Data Went Worldwide</a> (TED Talk)</li>
<li>Nice use and  explanation of Jeff Heer's horizon charts (<a rel="nofollow" href="http://is.gd/a1MhQ" target="_blank">http://is.gd/a1MhQ</a> ): "Hoe de kredietcrisis de beurs besmette" <a rel="nofollow" href="http://is.gd/a1Mfm" target="_blank">http://is.gd/a1Mfm</a></li>
<li>Launch: The <a href="http://www.google.com/publicdata/home" target="_blank">Google  Public Data Explorer</a> makes large datasets easy to explore, visualize  and communicate</li>
<li><a href="http://queue.acm.org/detail.cfm?id=1805128" target="_blank">A Tour through the Visualization Zoo</a> - Great article!!! via @<a rel="nofollow" href="http://twitter.com/moritz_stefaner">moritz_stefaner</a></li>
<li><a rel="nofollow" href="http://wefeelfine.org/book" target="_blank">http://wefeelfine.org/book</a> has included some very nice data generated graphics - nice inspiration  for info visualizatzion and generative art</li>
<li><strong><a href="http://twitter.com/moritz_stefaner">RT @moritz_stefaner</a> </strong>Put my presentation from Kassel  last week up to slideshare: <a href="http://www.slideshare.net/MoritzStefaner/information-aesthetics" target="_blank">Information Aesthetics</a></li>
<li><strong><a href="http://twitter.com/seb_ly">RT @seb_ly</a> </strong>how did I miss this?<a href="http://traintimes.org.uk:81/map/tube/" target="_blank"> London  underground trains' live position on a map</a>!</li>
</ul>
<p><strong>UX and Interaction Design:</strong></p>
<ul>
<li>
<div><a id="status_star_9975554569" title="favorite  this tweet"> </a>please welcome our new and  growing <a rel="nofollow" href="http://vimeo.com/channels/interfacedesignprojects" target="_blank">project compilation on vimeo</a> (via @<a rel="nofollow" href="http://twitter.com/idpotsdam">idpotsdam</a>)</div>
</li>
<li>Nice talk: Mike Kruzeniski-<a href="http://www.nearfuturelaboratory.com/2010/03/03/a-relevant-talk/" target="_blank">Poetry &amp; Polemics  in Creating Experience</a></li>
<li>MultiTouchGesture stuff: <a href="http://www.designresearchconference.org/index.php?option=com_k2&amp;view=item&amp;id=19:dan-saffer-researching-and-designing-interactive-gestures&amp;Itemid=73" target="_blank">Talk</a> | <a href="http://gestureworks.com/about/open-source-gesture-library/" target="_blank">Icons#1</a> <a href="http://gesturecons.com/" target="_blank">Icons#2</a> <a href="http://blog.rongeorge.com/design/gesturcons/" target="_blank">Icons#3</a></li>
<li>Reading all the paper of Organic User Interfaces <a rel="nofollow" href="http://www.organicui.org/" target="_blank">http://www.organicui.org/</a></li>
<li><a href="http://www.organicui.org/?page_id=35" target="_blank">Designing Kinetic Interactions for OUI</a> is a great  article and it mentioned why interactive art is and was important</li>
<li>Some good thoughts  on "natural" user interfaces by Don Norman: <a href="http://interactions.acm.org/content/?p=1355" target="_blank">Natural User Interfaces are  not Natural</a></li>
<li><a href="http://www.strategies-research.ufg.ac.at/blog_2010/?p=273" target="_blank">Two nice talks</a> about <a title="#EMOTIONs" rel="nofollow" href="http://twitter.com/search?q=%23EMOTIONs">#EMOTIONs</a> and <a title="#HAPPINESS" rel="nofollow" href="http://twitter.com/search?q=%23HAPPINESS">#HAPPINESS</a> in <a title="#Design" rel="nofollow" href="http://twitter.com/search?q=%23Design">#Design</a> processes. Perfect  for the afternoon break <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </li>
</ul>
<p style="text-align: left;"><strong>Projekte und Experimente (Projects and experiments)</strong><strong> </strong></p>
<ul>
<li><a href="http://www.creativeapplications.net/sound/touchdesigner-plastikman-windows-sound/" target="_blank">TouchDesigner</a>, an authoring tool for building  interactive 3D art, visualizations</li>
<li>RT @<a rel="nofollow" href="http://twitter.com/creativeapps">creativeapps</a> <a href="http://www.creativeapplications.net/flash/toneglue-webapp-flash/" target="_blank">toneglue</a> is a nice Music band visualization App [WebApp, Flash]</li>
<li>Nice list: <a href="http://www.fastcompany.com/blog/chris-dannen/techwatch/11-killer-apps-microsoft-surface-videos" target="_blank">11 Killer Apps for Microsoft Surface</a></li>
<li><a href="http://blog.makezine.com/archive/2010/05/mobile_physical-digital_dial_interf.html" target="_blank">Mobile physical-digital dial interface</a> - Tangible  Controller for your next generation mobile?!</li>
<li><a href="http://blog.makezine.com/archive/2010/06/water-based_touch_screen_interface.html" target="_blank">Water-based touch screen interface</a> - nice  experiment-Dont know if it is helpful,at least it has a physical  feedback</li>
<li>Interactive cookies for AR Applications <a rel="nofollow" href="http://tinyurl.com/yd9et59" target="_blank">http://tinyurl.com/yd9et59</a> and <a rel="nofollow" href="http://tinyurl.com/333odbr" target="_blank">http://tinyurl.com/333odbr</a> via MultiModal Interface  Lecture</li>
<li>very nice <a href="http://www.creativeapplications.net/openframeworks/ai-controller-ipad-openframeworks/" target="_blank">media facade visualization</a></li>
<li>great audio visual based drawing project: <a href="http://nodalgenesis.com/" target="_blank">Nodal  Genesis</a>- I almost  fall in love with the vis techniques</li>
</ul>
<p><strong>Neue Technologie (new Technologies)</strong></p>
<ul>
<li>Skinput: Appropriating the <a href="http://www.chrisharrison.net/projects/skinput/" target="_blank">Body as an Input   Surface</a></li>
<li>RT @<a rel="nofollow" href="http://twitter.com/quasimondo">quasimondo</a>: Awesome <a href="http://www.dgp.toronto.edu/~mdelasa/slip/" target="_blank">puppet locomotion paper</a> &amp;  video</li>
<li>boah shit sick   <a href="http://gl.ict.usc.edu/Research/DigitalEmily/" target="_blank">face capturing</a>.  Much room for manipulation, like in the politic movie <a title="#WagTheDog" rel="nofollow" href="http://twitter.com/search?q=%23WagTheDog">#WagTheDog</a></li>
<li>More information <a href="http://gl.ict.usc.edu/Research/LFR/" target="_blank">how this sick face capturing and  scanning works</a></li>
<li>nice new <a href="http://www.youtube.com/watch?v=2D0TgsCnwv8" target="_blank">PSD painting tools</a><a rel="nofollow" href="http://bit.ly/b48wIG" target="_blank"></a>, especially in combination with  <a rel="nofollow" href="http://bit.ly/2LcGnM" target="_blank">http://bit.ly/2LcGnM</a> and <a href="http://www.cs.toronto.edu/~dstn/papers/coolpaint-abstract.pdf" target="_blank">Coolpaint</a></li>
<li>New Material: <a href="http://blog.makezine.com/archive/2010/06/programmable_origami.html" target="_blank">Programmable Origami</a> - reminds me on  nano technology or intelligent textils</li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Programmierung und Software Design (Programming)</strong></p>
<ul>
<li><a href="http://www.xuggle.com/" target="_blank">Xuggler</a> is the easy way to uncompress, modify, and  re-compress any media file (or stream) from Java to a red5 server</li>
<li><a href="http://xat.info/live-screencast-in-flash-mit-red5-und-camtasia-studio/" target="_blank">Live Screencast in Flash mit Red5 und Java  Streaming Library</a></li>
<li><a href="http://www.splitmedialabs.com/vh-java-capture-sdk" target="_blank">VH Java Screen Capture SDK</a> looks nice... Hopefully  it will not become so expensive...</li>
<li>Freeware: <a href="http://www.splitmedialabs.com/vh-video-sdk/vh-screen-capture" target="_blank">VH Screen Capture Driver</a> supports C++,  C#, Java, Delphi, etc</li>
<li>Pogg: <a href="http://fotosdelpais.com/octavi/pogg/doku.php" target="_blank">Processing Theora Ogg Videos</a> - Working with  ogg (Streaming) Videos // thx @<a rel="nofollow" href="http://twitter.com/david_bru">david_bru</a></li>
<li>kooaba’s image recognition web services API is  public and their Query API is free! <a href="http://www.kooaba.com/developers/" target="_blank">you can check</a></li>
<li>Great tool and lib  for web <a href="http://web-harvest.sourceforge.net/" target="_blank">harvesting / scraping to extract data from web pages</a></li>
<li>crazy <a href="http://www.escapemotions.com/experiments.html" target="_blank">Peter from Slovakia</a> is an awesome visual  animation programmer <a title="#processing" rel="nofollow" href="http://twitter.com/search?q=%23processing">#processing</a>. He rocks!</li>
<li><strong><a href="http://twitter.com/jensfranke">RT @jensfranke</a> </strong>Benedikt Gross just released  <a href="http://www.looksgood.de/libraries/Ani/" target="_blank">vers. 1.2 of his Processing Animation/tweening Library</a> ANI.<a rel="nofollow" href="http://is.gd/cISGJ" target="_blank"></a> (via @<a rel="nofollow" href="http://twitter.com/CedricKiefer">CedricKiefer</a>)</li>
<li>Very good resource for processing! <a rel="nofollow" href="http://wiki.processing.org/w/Main_Page" target="_blank">http://wiki.processing.org/w/Main_Page</a></li>
</ul>
<p><strong>Physical Computing<br />
</strong></p>
<ul>
<li><a href="http://www.lumigram.com/catalog/index.php?language=en" target="_blank">Crazy LED clothes</a>.... <a rel="nofollow" href="http://www.lumigram.com/catalog/index.php?language=en" target="_blank"></a> maybe hackable for something</li>
<li>nice website with tutorials in wearable technology  <a rel="nofollow" href="http://lilypond.media.mit.edu/" target="_blank">http://lilypond.media.mit.edu/</a> via @<a rel="nofollow" href="http://twitter.com/popkalab">popkalab</a></li>
<li>Hmm... this <a href="http://code.google.com/p/amarino/" target="_blank">Amarino Project (Android meets  Arduino)</a> sounds interesting</li>
<li><a href="http://blog.makezine.com/archive/2010/06/flexible_arduino_is_flexible.html" target="_blank">Arduino is now flexible</a>- seems perfect for  fashionable projects?!</li>
<li><a href="http://www.oreillynet.com/pub/e/1626" target="_blank">First Steps with Arduino</a> - nice video tutorial for  beginners  via @<a rel="nofollow" href="http://twitter.com/make">make</a></li>
</ul>
<p style="text-align: left;"><strong>Game Developing:</strong></p>
<ul>
<li>Flash Game Developer: Announcing <a href="http://blog.elite-games.net/blog4.php/2010/03/10/announcing-mochi-social-aamp-the-mochi-g" target="_blank">Mochi Social  &amp; the Mochi GAME Developer Fund</a></li>
<li>Updated my FLash Game Lib Blog with some Links:  <a href="http://www.brighthub.com/hubfolio/matthew-casperson/blog/archive/2010/01/06/pushbutton-engine-tutorials.aspx" target="_blank">PushButton Engine vs. Flixel Game Engine and other tutorial links</a></li>
</ul>
<p><span><span> </span></span></p>
<p><strong>Flash and Flex</strong></p>
<ul>
<li><a href="http://code.google.com/p/in-spirit/wiki/ASSURF" target="_blank">ASSURF</a> by Eugene is an impressive <a href="http://blog.inspirit.ru/?p=386" target="_blank">image-based  pattern recognition library</a> for Flash</li>
<li>Two great tutorials for particle effects with  flint: <a href="http://slekx.com/2009/12/flint-visual-introduction/" target="_blank">Introduction</a> | <a href="http://slekx.com/2009/12/flinteroids-advanced-flint-tutorial/" target="_blank">Flint in a Game</a></li>
<li><strong>RT <a href="http://twitter.com/Stevehoward999">Stevehoward999</a> </strong>nice bunch of <a href="http://tv.adobe.com/show/rich-internet-applications-101/" target="_blank">Flash Catalyst and  Flash Builder 4 tutorials</a> from Adobe TV</li>
<li>RT @<a rel="nofollow" href="http://twitter.com/mchaize">mchaize</a>: Yes ! Adobe Flex is open ! The   <a href="http://opensource.adobe.com/wiki/display/flexsdk/flexsdk_announcements" target="_blank">AdvancedDataGrid and Charting components are open source</a></li>
<li><a href="https://freeriatools.adobe.com" target="_blank">Flash Builder 4 is  still FREE</a> for students and teachers</li>
<li>Introduction to Flex 4 videos --&gt; <a href="http://polygeek.com/2077_flex_introduction-to-flex-4-videos" target="_blank">Good video  links</a></li>
<li><strong><a href="http://twitter.com/thibault_imbert">RT thibault_imbert</a> </strong>Blogged  : <a href="http://www.bytearray.org/?p=1800" target="_blank">Optimizing  Flash Ads  whitepaper and some XFL Gourmet</a></li>
<li>„<a href="http://help.adobe.com/en_US/as3/mobile/flashplatform_optimizing_content.pdf" target="_blank">Optimizing  Performance for the Flash Platform</a>.” Tipps für Flash Player 10.1. (pdf)</li>
<li><a href="http://www.bytearray.org/?p=1827" target="_blank">Optimizing web content for Flash Player 10.1</a> - a  nice video talk</li>
<li>very <a href="http://corlan.org/2010/05/05/working-with-doctrine-zend-framework-and-flex/" target="_blank">cool article for MySQL + PHP and Flex  Projects</a></li>
<li>Added <a rel="nofollow" href="http://www.flashscope.com/" target="_blank">http://www.flashscope.com/</a> on my <a href="http://blog.derhess.de/2009/06/15/flash-indie-developer-part-8-verkaufe-deine-digitalen-produkte/comment-page-1/#comment-1143" target="_blank">blogpost</a> for  selling and buying flash components</li>
<li>Hm, I dont know why I found this <a rel="nofollow" href="http://flexbookmarks.com/" target="_blank">http://flexbookmarks.com/</a> not ealier... But it seems  to be a cool flex blog collection</li>
</ul>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
<li><a href='http://blog.derhess.de/2010/01/05/my-most-important-twitter-messages-4/' rel='bookmark' title='My most important Twitter Messages #4'>My most important Twitter Messages #4</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1343&amp;md5=70bd4c17b94781357f9b873a77607e6a" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1343&amp;md5=70bd4c17b94781357f9b873a77607e6a" type="text/html" />"
	</item>
		<item>
		<title>The new YouTube AS3 Chromeless API in Flex, Air, Flash</title>
		<link>http://blog.derhess.de/2009/10/27/the-new-youtube-as3-chromeless-api-in-flex-air-flash/</link>
		<comments>http://blog.derhess.de/2009/10/27/the-new-youtube-as3-chromeless-api-in-flex-air-flash/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 16:23:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=1098</guid>
		<description><![CDATA[I was very pleased that YouTube released a ActionScript 3 API for their Chromeless Player. I looked at some availabe code snippets on different blogs and unfortunateley, I had to realize that the API is not really object-oriented and a little bit annoying to work with (because of the missing code completion). My current project [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2008/08/15/die-gretchenfrage-wann-flash-und-wann-flex/' rel='bookmark' title='Die Gretchenfrage: Wann Flash und wann Flex?'>Die Gretchenfrage: Wann Flash und wann Flex?</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was very pleased that YouTube released a <strong><a href="http://apiblog.youtube.com/2009/10/actionscript-3-youtube-chromeless.html" target="_blank">ActionScript 3 API</a> for their Chromeless Player</strong>. I looked at some availabe <a title="link for English people" href="http://inflagrantedelicto.memoryspiral.com/2009/10/youtube-as3-example-using-flash-professional/" target="_blank">code snippets</a> on different <a title="link for German people" href="http://www.video-flash.de/index/youtube-api-chromeless-player-actionscript3/" target="_blank">blogs</a> and unfortunateley, I had to realize that the API is not really object-oriented and a little bit annoying to work with (because of the missing code completion).</p>
<p>My current project - an independent Web Video Player - is still using the old workaround <strong><a href="http://code.google.com/intl/de-DE/apis/youtube/articles/tubeloc.html" target="_blank">YouTube API Tubeloc</a></strong> and I have to change this. That is the reason why I created a Flex Component for the new YouTube AS3 API. If you would like to use my code for your Flex or Air projects, please feel free to use it and if you will find some bugs, please leave a comment!</p>
<p>Now I will start with some explanations of my code. I create 4 classes, which manage the whole YouTube Chromeless API. The class <a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/YouTubeAS3.as" target="_blank"><strong>YouTubeAs3</strong></a> contains all the most important functions and is based on the Flex Framework(!). The classes <a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/AirYouTube.as" target="_blank"><strong>AirYouTube </strong></a>and <strong><a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/FlexYouTube.as" target="_blank">FlexYouTube</a></strong> extends the <strong><em>YouTubeAs3</em></strong> class. Both classes are Flex Framework based classes. I had to divide the YouTubeAs3 class into these 2 classes, because the Adobe Air environment don't support the command <strong><em>Security.allowDomain()</em></strong> and it is cleaner to use this command for a web-based projects. So therefore please use the <strong><em>FlexYouTube</em></strong> component for web-based projects and the <em><strong>AirYouTube</strong></em> component for your Air projects. The fourth class <a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/FlashYouTube.as" target="_blank"><strong>FlashYouTube</strong></a> is an only Flash plattform based class, that should be very handy to use  for non-Flex projects.<span id="more-1098"></span></p>
<p>The other classes just simplify the coder's life. So I created some static classes for the various video quality parameters (<a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/YouTubeVideoQuality.as" target="_blank"><strong>YouTubeVideoQuality Class</strong></a>), the various PlayerStates (<a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/YouTubePlayingState.as" target="_blank"><strong>YouTubePlayingState</strong></a>), the YouTube errors (<a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/YouTubeError.as" target="_blank"><strong>YouTubeError</strong></a>) and of course the available YouTube events (<a href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/video/youtube/YouTubeEvent.as" target="_blank"><strong>YouTubeEvent</strong></a>).</p>
<p><object style="width: 550px; height: 400px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.derhess.de/wp-content/uploads/2009/10/flex_youTube.swf" /><embed style="width: 550px; height: 400px;" type="application/x-shockwave-flash" width="550" height="400" src="http://blog.derhess.de/wp-content/uploads/2009/10/flex_youTube.swf"></embed></object></p>
<p>I wrote an example application for you, which should be very easy to understand. In this very <strong><a href="http://blog.derhess.de/wp-content/uploads/2009/10/flex_youTube.swf" target="_blank">small Flex application</a></strong> you can <em>stop</em>, <em>play</em> and <em>pause</em> the YouTube videos:</p>
<pre class="actionscript"><span style="color: #808080; font-style: italic;">//----------------------------------</span>
<span style="color: #808080; font-style: italic;">//  YouTube Player Control</span>
<span style="color: #808080; font-style: italic;">//----------------------------------</span>
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handlePlay<span style="color: #66cc66;">&#40;</span>event:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	youTubePlayer.<span style="color: #006600;">playVideo</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #0066CC;">this</span>.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>,handlePlayingTime<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handlePause<span style="color: #66cc66;">&#40;</span>event:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	youTubePlayer.<span style="color: #006600;">pauseVideo</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #0066CC;">this</span>.<span style="color: #006600;">removeEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>,handlePlayingTime<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handleStop<span style="color: #66cc66;">&#40;</span>event:MouseEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	youTubePlayer.<span style="color: #006600;">stopVideo</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #0066CC;">this</span>.<span style="color: #006600;">removeEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">ENTER_FRAME</span>,handlePlayingTime<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// frame-based Intervall for showing loading and playing process</span>
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handlePlayingTime<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	labelTime.<span style="color: #0066CC;">text</span> = youTubePlayer.<span style="color: #006600;">getCurrentTime</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #ff0000;">&quot; / &quot;</span> + youTubePlayer.<span style="color: #006600;">getDuration</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
	progresPlayingVideo.<span style="color: #006600;">minimum</span> = <span style="color: #cc66cc;">0</span>;
	progresPlayingVideo.<span style="color: #006600;">maximum</span> = youTubePlayer.<span style="color: #006600;">getDuration</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	progresPlayingVideo.<span style="color: #006600;">setProgress</span><span style="color: #66cc66;">&#40;</span>youTubePlayer.<span style="color: #006600;">getCurrentTime</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>,youTubePlayer.<span style="color: #006600;">getDuration</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
	progressLoadVideo.<span style="color: #006600;">minimum</span> = <span style="color: #cc66cc;">0</span>;
	progressLoadVideo.<span style="color: #006600;">maximum</span> = youTubePlayer.<span style="color: #006600;">getVideoBytesTotal</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
        progressLoadVideo.<span style="color: #006600;">setProgress</span><span style="color: #66cc66;">&#40;</span>youTubePlayer.<span style="color: #006600;">getVideoBytesLoaded</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>, youTubePlayer.<span style="color: #006600;">getVideoBytesTotal</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre>
<p>Some behaviours of this Flex-based YouTube component is adjusted for the Flex Framework. If you would like to change the size of the YouTube Player, you can use the witdh and height properties of the component. Furthermore there exists some other properties:</p>
<pre class="actionscript"><span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> volume:<span style="color: #0066CC;">int</span>;  <span style="color: #808080; font-style: italic;">// Value between 0 and 100</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> playerState:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// Read-only!!!!</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> playbackQuality:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// Use the static variables of the YouTubeVideoQuality class</span></pre>
<p>Handling and managing of the YouTubeEvents are the last thing I would like to explain. I support the same 4 events, which the YouTube API supports. The only difference is that I wrapped the data of the events in a special YouTube Event for an simpler event handling and code completion.</p>
<pre class="actionscript"><span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;youtubeStatus&quot;</span>, <span style="color: #0066CC;">type</span>=<span style="color: #ff0000;">&quot;de.derhess.video.youtube.YouTubeEvent&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>
<span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;youtubePlayerLoaded&quot;</span>, <span style="color: #0066CC;">type</span>=<span style="color: #ff0000;">&quot;de.derhess.video.youtube.YouTubeEvent&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>
<span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;youtubeError&quot;</span>, <span style="color: #0066CC;">type</span>=<span style="color: #ff0000;">&quot;de.derhess.video.youtube.YouTubeEvent&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>
<span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">name</span>=<span style="color: #ff0000;">&quot;youtubeVideoQuality&quot;</span>, <span style="color: #0066CC;">type</span>=<span style="color: #ff0000;">&quot;de.derhess.video.youtube.YouTubeEvent&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span></pre>
<p>So here I is my <strong><a title="look at my code" href="http://code.google.com/p/derhess/source/browse/trunk/AS3/de/derhess/projects/flex_youtube_player/flex_youTube.mxml" target="_blank">code of my app</a></strong>. I think it is very self-explanatory...</p>
<pre class="actionscript"> <span style="color: #808080; font-style: italic;">/* Here should be some code but wordpress always crashed
because of parsing problems... Please download the code
and look at line number 23-112 in the src folder the file
flex_youTube.mxml */</span></pre>
<p>The rest of the functions contains exactly the same functionality as the YouTube API. If something ambiguous, please look at the<a href="http://code.google.com/intl/de-DE/apis/youtube/flash_api_reference.html" target="_blank"> YouTube API documentation</a> or leave a comment. THX!</p>
<p><a href="http://blog.derhess.de/wp-content/uploads/2009/10/flex_youTube.zip" target="_blank"><strong>Download the Flex YouTube components and source code</strong></a></p>
<p><script type="text/javascript">// <![CDATA[
   google_ad_client = "pub-2874371819292006"; /* Mittlerer Banner, 468x60, Erstellt 22.07.09 */ google_ad_slot = "6664183687"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2008/08/15/die-gretchenfrage-wann-flash-und-wann-flex/' rel='bookmark' title='Die Gretchenfrage: Wann Flash und wann Flex?'>Die Gretchenfrage: Wann Flash und wann Flex?</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=1098&amp;md5=c4f5e18843fd794b6543bfda5ecee181" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2009/10/27/the-new-youtube-as3-chromeless-api-in-flex-air-flash/feed/</wfw:commentRss>
		<slash:comments>42</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=1098&amp;md5=c4f5e18843fd794b6543bfda5ecee181" type="text/html" />"
	</item>
		<item>
		<title>An example how to use the VIMEO Moogaloop Javascript API</title>
		<link>http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/</link>
		<comments>http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/#comments</comments>
		<pubDate>Wed, 19 Aug 2009 14:49:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[library]]></category>
		<category><![CDATA[My Experiments]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=935</guid>
		<description><![CDATA[Last time I worked a little with the Moogaloop JavaScript API, because I thought it would be a nice workaround solution for integrate the Moogaloop API in an Adobe AIR Application. First time I tried the example code from the vimeo api documentation and it worked fine on my webserver. But for my case I [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Last time I worked a little with the <a href="http://vimeo.com/api/docs/moogaloop" target="_blank">Moogaloop JavaScript API</a>, because I thought it would be a nice workaround solution for integrate the Moogaloop API in an <a href="http://www.adobe.com/de/products/air/" target="_blank">Adobe AIR Application</a>. First time I tried the example code from the vimeo api documentation and it worked fine on my webserver. But for my case I did not want to use the <a href="http://mootools.net/docs/core/Utilities/Swiff" target="_blank">SWIFF </a>JavaScript Code. Only the <a href="http://code.google.com/p/swfobject/" target="_blank">SWFObject Code</a> for embedding Flash Content in HTML was for me o.k. So I spent a few hours to get this API work without this SWIFF JavaScript thing. I tried a lot, failed a lot,  cried a lot and laughed a lot about myself and my limited JavaScript knowledge. So now I am happy with my current version, because it works fine without this SWIFF thing, except loading a new Video (or should I say loading a new clipID) into this SWF Container failed. So if anyone has an idea, please post a comment here!</p>
<h3 style="text-align: center;"><a title="Download Source Files" href="http://blog.derhess.de/wp-content/uploads/2009/08/vimeo_js_api.zip" target="_blank">Download SWFObject  Code Example</a></h3>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=935&amp;md5=bf2d9e6b00282ad933f7c9236c87ce28" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=935&amp;md5=bf2d9e6b00282ad933f7c9236c87ce28" type="text/html" />"
	</item>
		<item>
		<title>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</title>
		<link>http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/</link>
		<comments>http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 09:18:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flex]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=910</guid>
		<description><![CDATA[I was very happy after completing my extended VimeoPlayer Class, so happy that I had enough motivation to wrote a Flex Component. With my component it is now very easy to use the moogaloop API in Flex. The functionality features are the same as my VimeoPlayer class, except that I also support some Flex-based features [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/' rel='bookmark' title='An example how to use the VIMEO Moogaloop Javascript API'>An example how to use the VIMEO Moogaloop Javascript API</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was very happy after completing my <a href="http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/" target="_blank">extended VimeoPlayer Class</a>, so happy that I had enough motivation to wrote a <strong>Flex Component</strong>. With my component it is now very easy to use the moogaloop API in Flex. The functionality features are the same as my VimeoPlayer class, except that I also support some Flex-based features (Data-Binding, updatedRendering).</p>
<p><object style="width: 550px; height: 400px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.derhess.de/wp-content/uploads/2009/08/flex_app_vimeo_player.swf" /><embed style="width: 550px; height: 400px;" type="application/x-shockwave-flash" width="550" height="400" src="http://blog.derhess.de/wp-content/uploads/2009/08/flex_app_vimeo_player.swf"></embed></object></p>
<p>I created a very ugly and simple<a title="Fullscreen of the Flex Vimeo Player Component" href="http://blog.derhess.de/wp-content/uploads/2009/08/flex_app_vimeo_player.swf" target="_blank"> Flex GUI Interface</a>, which demonstrates the functionality of this Flex Component. The component has some useful attributes / properties and some Functions. Here a short overview:<br />
<br/><br />
<h2>FlexVimeoPlayer Properties:</h2>
<pre class="actionscript"><span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> videoClipID:<span style="color: #0066CC;">int</span>; <span style="color: #808080; font-style: italic;">// The vimeo video clip id</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> <span style="color: #0066CC;">duration</span>:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// read-only property</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> currentTime:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// read-only property</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> playerState:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// Have look on the VimeoPlayingState Attributes</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> playerColor:uint; <span style="color: #808080; font-style: italic;">// HexValue of the Player Color</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> volume:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// Volume of the video Player instance</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
 <span style="color: #808080; font-style: italic;">//</span>
 <span style="color: #808080; font-style: italic;">//  Additional getters and setters</span>
 <span style="color: #808080; font-style: italic;">//</span>
 <span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span> <span style="color: #0066CC;">public</span> isPlayerLoaded:<span style="color: #0066CC;">Boolean</span>; <span style="color: #808080; font-style: italic;">// read-only property</span>
<span style="color: #0066CC;">public</span> isVideoPlaying:<span style="color: #0066CC;">Boolean</span>; <span style="color: #808080; font-style: italic;">// read-only property</span></pre>
<p><br/><br />
<h2>FlexVimeoPlayer API Functions:</h2>
<p>The API functions to control the vimeo player api are still the same, except the <strong><em>setSize() Function</em></strong> is not available anymore. You can use the width and height properties of the component as every other Flex Component. Here are the available functions:<span id="more-910"></span></p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">play</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> ;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">pause</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">/**
 * Seek to specific loaded time in video (in seconds)
 */</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> seekTo<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">time</span>:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> unloadVideo<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> destroyPlayer<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> toggleLoop<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">//----------------------------------</span>
<span style="color: #808080; font-style: italic;">//  Screen and RenderManagement</span>
<span style="color: #808080; font-style: italic;">//----------------------------------</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
 * enable HD for the player, but it seems that it is not working?!
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> hd_on<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> hd_off<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showLikeScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showEmbedScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showHDScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showShareScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showVimeoScreenControlls<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>;</pre>
<p><br/><br />
<h2>FlexVimeoPlayer Events:</h2>
<pre class="xml">	[Event(name=&quot;vimeoPlayerLoaded&quot;, type=&quot;de.derhess.video.vimeo.VimeoEvent&quot;)]
	[Event(name=&quot;vimeoDurationChange&quot;, type=&quot;de.derhess.video.vimeo.VimeoEvent&quot;)]
	[Event(name=&quot;vimeoStatus&quot;, type=&quot;de.derhess.video.vimeo.VimeoEvent&quot;)]</pre>
<p>The Events are the same as the VimeoPlayer Events. If you have got some questions for the events, please have a look on my Blog Post <a title="my Blog Post about Vimeo API and Flash" href="http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/" target="_blank">Moogaloop and Flash</a>.</p>
<p>That is all information about my FlexVimeoPlayer Component. You can see the component in action here or download it.</p>
<h3 style="text-align: center;"><a href="http://blog.derhess.de/wp-content/uploads/2009/08/flex_vimeo_player.zip" target="_blank">Download FlexVimeoPlayer Component and Flex-App Source</a></h3>
<p><script type="text/javascript">// <![CDATA[
   google_ad_client = "pub-2874371819292006"; /* Mittlerer Banner, 468x60, Erstellt 22.07.09 */ google_ad_slot = "6664183687"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
<li><a href='http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/' rel='bookmark' title='Working with Vimeo Moogaloop API in Flash'>Working with Vimeo Moogaloop API in Flash</a></li>
<li><a href='http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/' rel='bookmark' title='An example how to use the VIMEO Moogaloop Javascript API'>An example how to use the VIMEO Moogaloop Javascript API</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=910&amp;md5=c4c1a4b57dc129159ce5fdf638baae04" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=910&amp;md5=c4c1a4b57dc129159ce5fdf638baae04" type="text/html" />"
	</item>
		<item>
		<title>Working with Vimeo Moogaloop API in Flash</title>
		<link>http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/</link>
		<comments>http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/#comments</comments>
		<pubDate>Wed, 12 Aug 2009 09:31:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[english]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[publications]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=888</guid>
		<description><![CDATA[The last weeks I dealt with the vimeo Moogaloop API. The documentation on the JavaScript and Flash API was not so well. But fortunately a couple days ago they updated the documentation for the JavaScript API and then for the Flash API. So now I am able to give an introduction how you can use [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/' rel='bookmark' title='An example how to use the VIMEO Moogaloop Javascript API'>An example how to use the VIMEO Moogaloop Javascript API</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>The last weeks I dealt with the <a href="http://vimeo.com/api/docs/moogaloop" target="_blank">vimeo Moogaloop API</a>. The documentation on the JavaScript and Flash API was not so well. But fortunately a couple days ago they updated the documentation for the JavaScript API and then for the Flash API. So now I am able to give an introduction how you can use the <strong>Moogaloop API in Flash</strong>. The guys from vimeo published a <em>Videowrapper Class</em> which handles the very very basic stuff of the vimeo video player. So you can easily import the vimeo video player in your Flash Projects and you are able to do basic functionality like play(), pause() and loading a new video. But if you wanted to create your own video player, this wrapper class doesnot go too far. So I did some analysis on the moogaloop.swf File and found some interesting functions, that solves some of the problems, which <a href="http://blog.robertabramski.com/" target="_blank">Robert Abramski</a> described in his Blog post <a href="http://blog.robertabramski.com/2009/05/25/vimeo-player-and-the-secret-api/" target="_blank">Vimeo Player and the Secret API</a>.</p>
<p>In  my blog post I will describe how you can use my extended version of the VimeoWrapper class.  For a deeper inside of the analysis I will write another blog post. So here you can see the my <strong>“ugly vimeo Custom Player”</strong> as an example application.</p>
<p><object style="width: 400px; height: 350px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="350" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://blog.derhess.de/wp-content/uploads/2009/08/vimeo_player.swf" /><param name="align" value="top" /><embed style="width: 400px; height: 350px;" type="application/x-shockwave-flash" width="400" height="350" src="http://blog.derhess.de/wp-content/uploads/2009/08/vimeo_player.swf" align="top"></embed></object></p>
<p>A <strong>short explanation of the control buttons</strong>. Beginning with the left button :</p>
<ol>
<li>Play Button -&gt; <em>Play the vimeo video</em></li>
<li>Pause Button -&gt; <em>Pause the vimeo video</em></li>
<li>Blue Seek Button -&gt;<em> jump to a defined position at the video</em></li>
<li>“C” Button -&gt; <em>Change the color of the vimeo video controls</em></li>
<li>“V” Button -&gt;<em> Loading a new Video</em></li>
<li>“F” Button -&gt; <em>Resize the vimeo video and the player (Fullscreen Mode)</em></li>
<li>“M” Button -&gt;<em> Mute the video sound</em></li>
<li>“U” Button -&gt; <em>Unload the vimeo video and stop the loading process</em></li>
<li>“Q” Button -&gt; <em>destroy the VimeoPlayer Wrapper Class</em></li>
</ol>
<p>Between the video and the controls you can see the duration and the currentTime of the Video and the VideoStatus of the File.<span id="more-888"></span></p>
<h2>Working with the extended VimeoPlayer Class</h2>
<p>And now some coding stuff. You can use my extended VimeoPlayer Class very easily, just create an instance of the player. Have a look here:</p>
<pre class="actionscript"><span style="color: #808080; font-style: italic;">// This is important for the use of the VimeoWrapper Class</span>
<span style="color: #000000; font-weight: bold;">var</span> exampleVideoClipID:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">3369107</span>;
<span style="color: #000000; font-weight: bold;">var</span> player_width:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">400</span>;
<span style="color: #000000; font-weight: bold;">var</span> player_height:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">300</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">// Create the instance</span>
vimeo_player = <span style="color: #000000; font-weight: bold;">new</span> VimeoPlayer<span style="color: #66cc66;">&#40;</span>exampleVideoClipID, player_width, player_height<span style="color: #66cc66;">&#41;</span>;
vimeo_player.<span style="color: #006600;">x</span> = vimeo_player.<span style="color: #006600;">y</span> = <span style="color: #cc66cc;">0</span>; <span style="color: #808080; font-style: italic;">// set the position</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// Listen to the available Events</span>
vimeo_player.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>VimeoEvent.<span style="color: #006600;">PLAYER_LOADED</span>, handlePlayerLoaded<span style="color: #66cc66;">&#41;</span>;
vimeo_player.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>VimeoEvent.<span style="color: #0066CC;">DURATION</span>, handleDuration<span style="color: #66cc66;">&#41;</span>;
vimeo_player.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>VimeoEvent.<span style="color: #0066CC;">STATUS</span>, handleVimeoStatus<span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">// add the Player to the DisplayList</span>
addChild<span style="color: #66cc66;">&#40;</span>vimeo_player<span style="color: #66cc66;">&#41;</span>;</pre>
<p>After that you can work with the VimeoPlayer instance. I created an own VimeoEvent Class, because it is more intuitiv to handle. The first Event <strong>VimeoEvent.PLAYER_LOADED </strong>is dispatched when the vimeo moogaloop.swf is completely loaded and whole vimeo moogaloop API is available.</p>
<p>The Event <strong>VimeoEvent.DURATION</strong> is dispatched when the duration of video is changed. This happens when the VimeoPlayer loads a new Video (clipID).</p>
<p>One of the most important changes in my VimeoPlayer Class is the Event <strong>VimeoEvent.STATUS</strong>. It is always dispatched when something happens in the video control. So it supports 7 different Modes, which you can see at the VimeoPlayingState Class:</p>
<h3>VimeoPlayingState Class:</h3>
<pre class="actionscript">VimeoPlayingState.<span style="color: #006600;">PLAYING</span>:<span style="color: #0066CC;">String</span>;  <span style="color: #808080; font-style: italic;">// will be dispatched when the video is playing</span>
VimeoPlayingState.<span style="color: #0066CC;">PAUSE</span>:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// will be dispatched when the video is paused</span>
VimeoPlayingState.<span style="color: #0066CC;">STOP</span>:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// will be dispatched when the video is stopped</span>
VimeoPlayingState.<span style="color: #006600;">NEW_VIDEO</span>:<span style="color: #0066CC;">String</span> ; <span style="color: #808080; font-style: italic;">// will be dispatched when a new clip is loaded</span>
VimeoPlayingState.<span style="color: #006600;">UNLOAD</span>:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// will be dispatched when the video is unloaded and removed from the cach</span>
VimeoPlayingState.<span style="color: #006600;">VIDEO_COMPLETE</span>:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// will be dispatched when the playhead reach the end of the video</span>
VimeoPlayingState.<span style="color: #006600;">BUFFERING</span>:<span style="color: #0066CC;">String</span>; <span style="color: #808080; font-style: italic;">// will be dispatched when the playhead reach the end of the video</span></pre>
<h3>VimeoEvent Class:</h3>
<p>Every of these Events contains 3 properties, which contains mostly important data for you. Have a look in the VimeoEvent Class:</p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> currentTime:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// of the current video</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> <span style="color: #0066CC;">duration</span>:<span style="color: #0066CC;">Number</span>; <span style="color: #808080; font-style: italic;">// of the currentVideo</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> info:<span style="color: #0066CC;">String</span>;<span style="color: #808080; font-style: italic;">// mode String of the current VimeoPlayingState</span></pre>
<p>You can have look how I handled the Events in my "ugly vimeo Video Player":</p>
<pre class="actionscript"><span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handlePlayerLoaded<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:VimeoEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Player Loaded&quot;</span><span style="color: #66cc66;">&#41;</span>;
	durationView.<span style="color: #0066CC;">text</span> = <span style="color: #ff0000;">&quot;Duration &quot;</span> + <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span>vimeo_player.<span style="color: #006600;">getDuration</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handleDuration<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:VimeoEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	durationView.<span style="color: #0066CC;">text</span> = <span style="color: #ff0000;">&quot;Duration &quot;</span> + <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span>vimeo_player.<span style="color: #006600;">getDuration</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> handleVimeoStatus<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:VimeoEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	currentTimeView.<span style="color: #0066CC;">text</span> = <span style="color: #ff0000;">&quot;&quot;</span> + <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #006600;">currentTime</span> <span style="color: #66cc66;">&#41;</span>;
	currentTimeView.<span style="color: #0066CC;">text</span> += <span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot; &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #006600;">info</span><span style="color: #66cc66;">&#41;</span> ;
&nbsp;
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #006600;">info</span> == VimeoPlayingState.<span style="color: #006600;">VIDEO_COMPLETE</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
                <span style="color: #808080; font-style: italic;">// If the video finished play the nex video from the playlist</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>counterPlayList &amp;lt; playlist.<span style="color: #0066CC;">length</span> <span style="color: #cc66cc;">-1</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			vimeo_playNewVideo<span style="color: #66cc66;">&#40;</span>playlist<span style="color: #66cc66;">&#91;</span>counterPlayList<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;
			vimeo_play<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			counterPlayList++;
		<span style="color: #66cc66;">&#125;</span>
        <span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span></pre>
<p>For dispatching the events I had to implement a little ugly workaround. So a <a href="http://livedocs.adobe.com/flex/3/langref/flash/utils/Timer.html" target="_blank">Timer</a> instance is running in the background of the wrapper class. If you are not interested to receive video-based Events from the wrapper class you can turn them off via:</p>
<pre class="actionscript"><span style="color: #808080; font-style: italic;">// when set this to false, the wrapper class will stop dispatching Events - (Perfomance)</span>
vimeo_player.<span style="color: #006600;">enableCompleteEvent</span> = <span style="color: #000000; font-weight: bold;">false</span>;
<span style="color: #808080; font-style: italic;">// when set this to false, the wrapper class will stop dispatching Playing Status Events (Perfomance)</span>
vimeo_player.<span style="color: #006600;">enablePlayheadEvent</span>= <span style="color: #000000; font-weight: bold;">false</span>;</pre>
<h2>Control the vimeo video player</h2>
<p>Now we will controll our player with our own User Interface. My example app used just a few of them. I think the code is self-explaining.</p>
<pre class="actionscript"><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_play<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #0066CC;">play</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_pause<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #0066CC;">pause</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// Value must be in seconds, and the video have to be loaded until this time value</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_seekTo<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">time</span>:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #006600;">seekTo</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">time</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// For instance a string value: &quot;FFAAFF&quot;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_player_color<span style="color: #66cc66;">&#40;</span>colorHexValueString:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #006600;">changeColor</span><span style="color: #66cc66;">&#40;</span>colorHexValueString<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// You got the videoID from the vimeo video url</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_playNewVideo<span style="color: #66cc66;">&#40;</span>videoID:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #006600;">loadVideo</span><span style="color: #66cc66;">&#40;</span>videoID<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// change the size of the vimeo video</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_player_size<span style="color: #66cc66;">&#40;</span>w:<span style="color: #0066CC;">int</span>, h:<span style="color: #0066CC;">int</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #006600;">setSize</span><span style="color: #66cc66;">&#40;</span>w,h<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">// Value between 0 - 100</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_set_volume<span style="color: #66cc66;">&#40;</span>value:<span style="color: #0066CC;">Number</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #0066CC;">setVolume</span><span style="color: #66cc66;">&#40;</span>value<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> vimeo_unload_video<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	vimeo_player.<span style="color: #006600;">unloadVideo</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span></pre>
<p>There are still further functions and properties. Here a short List or visit the <strong>VimeoPlayer</strong> Class</p>
<pre class="actionscript"><span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
<span style="color: #808080; font-style: italic;">//</span>
<span style="color: #808080; font-style: italic;">//  Additional getters and setters</span>
<span style="color: #808080; font-style: italic;">//</span>
<span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
<span style="color: #808080; font-style: italic;">/**
* return if the video is playing or not
* @return
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> isVideoPlaying<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Boolean</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* Returns the current video playhead time in milli seconds
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> getCurrentVideoTime<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* returns duration of video in seconds
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> getDuration<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> getPlayerColor<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">String</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">getVolume</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">Number</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
<span style="color: #808080; font-style: italic;">//</span>
<span style="color: #808080; font-style: italic;">//  API</span>
<span style="color: #808080; font-style: italic;">//</span>
<span style="color: #808080; font-style: italic;">//--------------------------------------------------------------------------</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* Completely destroys the instance and frees all objects for the garbage
* collector by setting their references to null.
*/</span>
 <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> destroy<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>		
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* Toggle loop for the video
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> toggleLoop<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* enable HD for the player, but it seems that it is not working?!
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> hd_on<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span> <span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
* I think this function will be changed in the future ---&amp;gt; it seems that is not working?!
*/</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> hd_off<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/////////////////// Screen Management ////////////////////</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showLikeScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showEmbedScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showHDScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showShareScreen<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> showVimeoScreenControlls<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span></pre>
<h2>Possible problems when working the VimeoWrapper class</h2>
<p>I tried my best with the vimeo API, but it seems that the vimeo staff sometimes changed the API. It seems like a work in progress API. So It is very possible that you will run in some issues: I ran in these issues:</p>
<ul>
<li><strong>HD Video Functions</strong> seemed not working in the embed-mode...</li>
<li><strong>toogleLoop() </strong>Function is not really tested by myself</li>
<li><strong>toogleFullscreen()</strong> Methods throws always an error. Use the setSize() Method instead</li>
<li>When you are working with the Flash IDE, you will get a <strong>Security Sandbox Error</strong> because of the missing cossdomain.xml.... But the compiled SWF works fine outside the Flash IDE and on  a webserver</li>
<li>I tried to get some Events about the Video <strong>Loading process</strong>, but i could not find any solution for this issue. So, sorry!</li>
<li>It is impossible to create more than <strong>one instance of the VimeoPlayer Class</strong>, because it is impossible to load the moogaloop.swf file multiple-times into the Flash Player. Or is there a way to do this with depth-copying (via ByteArray operations) the moogaloop file. Has anyone an idea?</li>
<li>You can not use the VimeoPlayer Class in <strong>Adobe Air</strong>, because Adobe Air doesnot support the Security.allowDomain() command, which is vital for loading the Vimeo Moogaloop API</li>
</ul>
<p>So you can see. A lot of stuff you have to know before you use the API. I hope I could answer some questions. The next Time I will continue writing some stuff about the Vimeo API with focus on Flex and AIR, maybe JavaScript, too. If you have problems with my code or examples, please write a comment <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p style="text-align: center;"><strong><a title="Download Source Files" href="http://blog.derhess.de/wp-content/uploads/2009/08/example_ugly_player.zip" target="_blank">Download the VimeoPlayer Class and the example Application</a></strong></p>
<p><script type="text/javascript">// <![CDATA[
   google_ad_client = "pub-2874371819292006"; /* Mittlerer Banner, 468x60, Erstellt 22.07.09 */ google_ad_slot = "6664183687"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2009/08/14/vimeo-moogaloop-in-flex-flexvimeoplayer-component/' rel='bookmark' title='Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component'>Vimeo Moogaloop in Flex &#8211; FlexVimeoPlayer Component</a></li>
<li><a href='http://blog.derhess.de/2009/08/19/an-example-how-to-use-the-vimeo-moogaloop-javascript-api/' rel='bookmark' title='An example how to use the VIMEO Moogaloop Javascript API'>An example how to use the VIMEO Moogaloop Javascript API</a></li>
<li><a href='http://blog.derhess.de/2009/09/22/an-adobe-air-component-for-the-vimeo-moogaloop-api/' rel='bookmark' title='An Adobe Air Component for the Vimeo Moogaloop API'>An Adobe Air Component for the Vimeo Moogaloop API</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=888&amp;md5=ae9fb5cd039bdde430a1dc4aa9cffaf2" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2009/08/12/working-with-vimeo-moogaloop-api-in-flash/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=888&amp;md5=ae9fb5cd039bdde430a1dc4aa9cffaf2" type="text/html" />"
	</item>
		<item>
		<title>Links: Die Zukunft der Medieninformatik?!</title>
		<link>http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/</link>
		<comments>http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/#comments</comments>
		<pubDate>Sun, 03 Dec 2006 10:07:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[cool stuff]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Konzept]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=114</guid>
		<description><![CDATA[Allgemein: Ein äusserst interessantes Interview mit Tim O Reilly über Web 2.0 und die Integration von Informatik in unserer täglichen Umwelt (Stichwort: Ambient Intelligence) Spiegel Tim O Reilly Interview Teil 1 Spiegel Tim O Reilly Interview Teil 1 Spiegel Interview mit Jaron Lanier über verschobene Realitätswahrnehmumg durch digitale (soziale) Netze. Die Heise News- meldung dazu. [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-112" title="timoreilly" src="http://blog.derhess.de/wp-content/uploads/2009/04/timoreilly.jpg" alt="timoreilly" width="128" height="96" /> <img class="alignnone size-full wp-image-113" title="rotoscoping" src="http://blog.derhess.de/wp-content/uploads/2009/04/rotoscoping.jpg" alt="rotoscoping" width="128" height="96" /> <img class="alignnone size-full wp-image-115" title="flashstreaming" src="http://blog.derhess.de/wp-content/uploads/2009/04/flashstreaming.jpg" alt="flashstreaming" width="128" height="96" /></p>
<p><strong>Allgemein:</strong><br />
Ein äusserst interessantes Interview mit <a class="checkLink" href="http://radar.oreilly.com/" target="_blank">Tim O Reilly</a> über Web 2.0 und die Integration von Informatik in unserer täglichen Umwelt (Stichwort: Ambient Intelligence)<br />
<a class="checkLink" href="http://www.spiegel.de/netzwelt/web/0,1518,451137,00.html" target="_blank">Spiegel Tim O Reilly Interview Teil 1</a><br />
<a class="checkLink" href="http://www.spiegel.de/netzwelt/web/0,1518,451248,00.html" target="_blank">Spiegel Tim O Reilly Interview Teil 1</a></p>
<p><a class="checkLink" href="http://www.spiegel.de/spiegel/0,1518,448818,00.html" target="_blank">Spiegel Interview mit Jaron Lanier</a> über verschobene Realitätswahrnehmumg durch digitale (soziale) Netze. Die <a class="checkLink" href="http://www.heise.de/newsticker/meldung/82458/from/rss09" target="_blank">Heise News- meldung</a> dazu.</p>
<p>Und zu guter Letzt die Videogallery des Adobe Showdown Events <a class="checkLink" href="http://www.adobe.com/events/max/video/" target="_blank">Adobe Max 2006</a></p>
<p><strong>Videoproduktion:</strong><br />
Das richtige Auswählen von Videoclips ist in der Regel ein sehr zeitaufwändiger Prozess in der Filmproduktion. Diesen Videobrowsing Prozess zu opitmieren versuchen Anat Axelrod, <a class="checkLink" href="http://www.wisdom.weizmann.ac.il/~caspi/" target="_blank">Yaron Caspi</a>, Alon Gamliel und <a class="checkLink" href="http://research.microsoft.com/users/yasumat/" target="_blank">Yasuyuki Matsushita</a> in ihrem <a class="checkLink" href="http://research.microsoft.com/users/yasumat/publications/ClipTrailer_VC06.pdf" target="_blank">Paper</a> zu erklären.</p>
<p>Bisher musste in der Post Produktion für <a class="checkLink" href="http://de.wikipedia.org/wiki/Keying" target="_blank">Rotoscoping</a> Aufgaben sehr oft manuell selbst hand angelegt werden. <a class="checkLink" href="http://students.washington.edu/juew/" target="_blank">Jue Wang</a>, <a class="checkLink" href="http://www.cs.washington.edu/homes/pro/" target="_blank">Pravin Bhat</a>, <a class="checkLink" href="http://students.washington.edu/alexco/" target="_blank">R. Alex Colburn</a>, <a class="checkLink" href="http://vis.berkeley.edu/~maneesh/" target="_blank">Maneesh Agrawala</a> und <a class="checkLink" href="http://research.microsoft.com/~cohen/" target="_blank">Michael F. Cohen</a> haben ein automatisiertes Rotoscoping Verfahren entwickelt, welches sehr gute Ergebnisse liefert. Vielleicht gehört das manuelle Rotoscoping bald der Vergangenheit an.<br />
<a class="checkLink" href="http://63.118.7.24/10.1145/siggraph2005/papers/pps023.mp4" target="_blank">Demovideo (Quicktime Stream)</a><br />
<a class="checkLink" href="http://portal.acm.org/citation.cfm?id=1073233&amp;coll=Portal&amp;dl=ACM&amp;CFID=7242266&amp;CFTOKEN=54568468" target="_blank">ACM Artikel</a><br />
Eine Auflistung aktueller <a class="checkLink" href="http://grail.cs.washington.edu/projects/" target="_blank">Special FX Entwicklungen</a> von der Washingtoner Uni</p>
<p><strong>Streaming:</strong><br />
Eine dreiteilige Artikelserie beschäftigt sich mit dem Erfolg von Flash Video im Netz, der neue Standard (?!) für Internetvideo.<br />
<a class="checkLink" href="http://www.digital-web.com/articles/the_rise_of_flash_video_part_1/">Teil 1</a>, <a class="checkLink" href="http://www.digital-web.com/articles/the_rise_of_flash_video_part_2/" target="_blank">Teil 2</a> und <a class="checkLink" href="http://www.digital-web.com/articles/the_rise_of_flash_video_part_3/" target="_blank">Teil 3</a></p>
<p>Ein weitereren interessanten Artikel gibt es zum Thema Digital Rights Management (<a class="checkLink" href="http://de.wikipedia.org/wiki/Digitale_Rechteverwaltung" target="_blank">DRM</a>) und warum es auch in Zukunft scheitern wird.<br />
<a class="checkLink" href="http://www.securityfocus.com/columnists/390" target="_blank">The big DRM mistake</a></p>
<p><strong>--- UPDATE --- 18.12.2006</strong><br />
Wirtschafts Woche Artikel: <a class="checkLink" href="http://www.wiwo.de/pswiwo/fn/ww2/sfn/buildww/id/133/id/215309/SH/0/depot/0/index.html" target="_blank">Total vernetzt: Internet von übermorgen</a></p>
<p><strong>--- UPDATE --- 22.3.2006</strong><br />
Der <a class="checkLink" href="http://timelabs.typepad.com/" target="_blank">Timelabs Blog</a> liefert desöfteren ganz interessante Einträge zum Thema <a class="checkLink" href="http://timelabs.typepad.com/" target="_blank">die Zukunft der Medien</a> (unter ökonomischer Sicht)</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
<li><a href='http://blog.derhess.de/2010/07/05/my-most-important-twitter-messages-6/' rel='bookmark' title='My most important Twitter Messages #6'>My most important Twitter Messages #6</a></li>
<li><a href='http://blog.derhess.de/2011/08/31/my-most-important-twitter-messages-11-2/' rel='bookmark' title='My most important Twitter Messages #11'>My most important Twitter Messages #11</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=114&amp;md5=4e69920b76c81b19d8676afbe1583cb4" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=114&amp;md5=4e69920b76c81b19d8676afbe1583cb4" type="text/html" />"
	</item>
		<item>
		<title>Mesh-based P2P Videostreaming</title>
		<link>http://blog.derhess.de/2006/12/02/mesh-based-p2p-videostreaming/</link>
		<comments>http://blog.derhess.de/2006/12/02/mesh-based-p2p-videostreaming/#comments</comments>
		<pubDate>Sat, 02 Dec 2006 09:57:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Technologie]]></category>
		<category><![CDATA[iptv]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=107</guid>
		<description><![CDATA[Während eines Streifzuges in meiner Hochschul Bibliothek bin ich auf einen interessanten Artikel der Zeitschrift Communication of ACM (Ausgabe November 2006) gestossen. Reza Rejaie behauptet in diesem Artikel, dass jeder von zuhause aus mit einem gewöhnlichen Rechner und Breitbandanschluss Videoinhalte über das Internet anbieten kann, unabhängig davon wie viele User gleichzeitig auf dieses Video zugreifen [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2006/10/15/iptv-vs-dvb/' rel='bookmark' title='IPTV vs. DVB?!'>IPTV vs. DVB?!</a></li>
<li><a href='http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/' rel='bookmark' title='Internet revolutioniert das Wohnzimmer'>Internet revolutioniert das Wohnzimmer</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-108" title="anyonebroadcast" src="http://blog.derhess.de/wp-content/uploads/2009/04/anyonebroadcast.gif" alt="anyonebroadcast" width="128" height="96" /> <img class="alignnone size-full wp-image-109" title="bittorrent" src="http://blog.derhess.de/wp-content/uploads/2009/04/bittorrent.jpg" alt="bittorrent" width="128" height="96" /> <img class="alignnone size-full wp-image-110" title="acm" src="http://blog.derhess.de/wp-content/uploads/2009/04/acm.jpg" alt="acm" width="128" height="96" /></p>
<p>Während eines Streifzuges in meiner Hochschul Bibliothek bin ich auf einen interessanten Artikel der Zeitschrift <a class="checkLink" href="http://acm.org/" target="_blank">Communication of ACM</a> (Ausgabe November 2006) gestossen. <a class="checkLink" href="http://www.cs.uoregon.edu/~reza/" target="_blank">Reza Rejaie</a> behauptet in diesem Artikel, dass jeder von zuhause aus mit einem gewöhnlichen Rechner und Breitbandanschluss Videoinhalte über das Internet anbieten kann, unabhängig davon wie viele User gleichzeitig auf dieses Video zugreifen - Bei hohen Userzahlen müssen Firmen bisher sehr viel Geld für Videoserverarchitekturen investieren - Reza Rejaie löst dieses Problem  mit einem sogenannten <strong>mesh-based P2P Streaming</strong> Verfahren. Dieses Verfahren ähnelt sehr stark dem Prinzipien von <a class="checkLink" href="http://de.wikipedia.org/wiki/Bittorrent" target="_blank">BitTorrent</a>. Bei BitTorrent werden jedoch nur die verfügbaren Datenpakete herunter geladen. Dieses Herunterladen der Datenpaket erfolgt meist nicht linear, das führt aber leider bei Videos zu grossen Problemen, da man die Daten linear erhalten möchte (Keiner hat was davon wenn er die 1. Minute Video anschaut, dann die 23. Minute und dann 6. Minute). Wie Reza Rejaie dieses Problem gelöst hat, beschreibt kann man in seinem Artikel <a class="checkLink" href="https://portal.acm.org/poplogin.cfm?dl=&amp;coll=GUIDE&amp;comp_id=1167863&amp;want_href=delivery%2Ecfm%3Fid%3D1167863%26type%3Dpdf%26CFID%3D5703511%26CFTOKEN%3D56197182&amp;CFID=5703511&amp;CFTOKEN=56197182&amp;td=1165077341252" target="_blank">ANYONE CAN BROADCAST VIDEO OVER THE INTERNET</a> lesen. Leider geht der Link nur mit einem Zugang für das ACM Portal - sollte aber in der Regel jede Hochschul Bibliothek besitzen.</p>
<p>In Zukunft sollte man ein Auge auf die weitere Entwicklung dieser Technik werfen. Denn allein die Kosteneinsparungwn bei der Videoserverarchitektur und deren Lizenzenkosten wären nicht gerade klein...</p>
<p><strong>--- UPDATE --- 15.12.2006</strong></p>
<p>Heise Newsticker: <a class="checkLink" href="http://www.heise.de/newsticker/meldung/82574/from/rss09" target="_blank">TV-Streaming-Client mit P2P-Technik erreicht Beta-Phase</a> und der dazugehörige Projekt Blog <a class="checkLink" href="https://www.theveniceproject.com/blog.html" target="_blank">The Venice Project Blog</a></p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2006/10/15/iptv-vs-dvb/' rel='bookmark' title='IPTV vs. DVB?!'>IPTV vs. DVB?!</a></li>
<li><a href='http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/' rel='bookmark' title='Internet revolutioniert das Wohnzimmer'>Internet revolutioniert das Wohnzimmer</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=107&amp;md5=11f6203f3c9e7b5361cb941ebfd4c59a" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2006/12/02/mesh-based-p2p-videostreaming/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=107&amp;md5=11f6203f3c9e7b5361cb941ebfd4c59a" type="text/html" />"
	</item>
		<item>
		<title>Literatur für interaktives Video</title>
		<link>http://blog.derhess.de/2006/11/23/literatur-fur-interaktives-video/</link>
		<comments>http://blog.derhess.de/2006/11/23/literatur-fur-interaktives-video/#comments</comments>
		<pubDate>Thu, 23 Nov 2006 09:49:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[books]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[image processing]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=101</guid>
		<description><![CDATA[Viel Literatur zum interaktiven Video im Web gibt es nicht. Im deutschprachigen Raum ist mir nur ein nennenswertes Buch aufgefallen Interaktives Video im Internet mit Flash von Florian Plag und Roland Riempp. Durchgelesen habe ich das Buch nicht, jedoch hat die Leseprobe mir Lust auf mehr gemacht. Besonders gut finde ich die technologisch unabhängige Betrachtung [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2008/02/27/literatur-mobile-application-development/' rel='bookmark' title='Literatur: Mobile Application Development'>Literatur: Mobile Application Development</a></li>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-102" title="Interaktives Video" src="http://blog.derhess.de/wp-content/uploads/2009/04/iavideo.jpg" alt="Interaktives Video" width="128" height="96" /> <img class="alignnone size-full wp-image-103" title="Flash Video" src="http://blog.derhess.de/wp-content/uploads/2009/04/fed_flv.jpg" alt="Flash Video" width="128" height="96" /> <img class="alignnone size-full wp-image-104" title="Flash Media Server" src="http://blog.derhess.de/wp-content/uploads/2009/04/or_fms.jpg" alt="Flash Media Server" width="128" height="96" /></p>
<p>Viel Literatur zum interaktiven Video im Web gibt es nicht. Im deutschprachigen Raum ist mir nur ein nennenswertes Buch aufgefallen <a href="http://www.amazon.de/gp/product/3540378944?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=3540378944">Interaktives Video im Internet mit Flash</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=3540378944" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> von <a class="checkLink" href="http://www.florian-plag.de/" target="_blank">Florian Plag</a> und <a class="checkLink" href="http://portal.mi.fh-offenburg.de/mi_site_docs/personen/rriempp/riempp.php" target="_blank">Roland Riempp</a>. Durchgelesen habe ich das Buch nicht, jedoch hat die <a class="checkLink" href="http://www.video-flash.de/index.php/leseprobe/" target="_blank">Leseprobe</a> mir Lust auf mehr gemacht. Besonders gut finde ich die technologisch unabhängige Betrachtung von Interaktivität im Video und die Begründung warum gerade Flash Video State-of-the-art im Web ist. Desweiteren gibt es eine Website mit einem sehr gutem Blog zu diesem Buch <a class="checkLink" href="www.video-flash.de" target="_blank">www.video-flash.de</a>.</p>
<p>Im englischsprachigen Raum kann ich das Buch <a href="http://www.amazon.de/gp/product/159059651X?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=159059651X">Foundation Flash 8 Video</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=159059651X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> vom Verlag <a class="checkLink" href="http://www.friendsofed.com/" target="_blank">Friends of ED</a> empfehlen. Am Anfang gibt es eine kleine Einführung in die Videoverarbeitung und dann geht es auch schon direkt los, wie z.B. man am schnellsten sein Video in die eigene Website integriert (mit z.B. der FlvPlayback-Komponente). Im Mittelteil beschäftigt sich das Buch mit dem Interaktionsaufbau einer Videogallerie (hierzu sollte man schon ActionScript Kenntnisse besitzen). Aber auch eine kleine Einführung in die Erstellung eigener Videoeffekte fehlt bei diesem Buch nicht. Diese Buch richtet sich hauptsächlich an Anfänger und Fortgeschrittene im Bereich Flash Video, Profis in diesem Bereich werden eher enttäuscht sein.</p>
<p>Da interaktives Video mehr ist als nur die typische Clientanwendung zum Abspielen von Videos beim User, ist auch das Können des Flash Video Developer im Bereich Servertechnologien und Streaming gefragt. Gerade bei den Themen Videochat, Videostreaming usw. hat sich das Buch <a href="http://www.amazon.de/gp/product/0596005040?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=19454&creativeASIN=0596005040">Programming Flash Communication Server</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=0596005040" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> vom Verlag <a class="checkLink" href="http://www.oreilly.de/" target="_blank">O Reilly</a> als Standardwerk heraus kristallisiert.</p>
<p>Ich denke mit dem Wissen dieser 3 Bücher ist man für fast alle zukünftigen Flash Video Anwendungen gut vorbereitet und braucht keine Angst mehr vor der Video Revolution im Web zu haben <img src='http://blog.derhess.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong>-- UPDATE 13.04.2007 --</strong><br />
Ein <a class="checkLink" href="http://www.flashstreamworks.com/magazine/bjoern1.php" target="_blank">nettes Interview</a> mit Bjoern Kowalski zum Thema <a class="checkLink" href="http://www.flashstreamworks.com/magazine/bjoern1.php" target="_blank">interaktive Video Flash Site</a> gibt es auf <a class="checkLink" href="http://www.flashstreamworks.com/" target="_blank">Flashstreamworks.com</a>. Auf jeden Fall super interessant wieviel Technik und Arbeit in sowas drinne steckt!</p>
<p><strong>-- UPDATE 16.05.2007 --</strong><br />
<a class="checkLink" href="http://www.flashcomguru.com/about.cfm" target="_blank">Stefan Richter</a> von <a class="checkLink" href="http://www.flashcomguru.com/" target="_blank">FlashComGuru.com</a> bringt ein neues Buch mit dem Titel <a href="http://www.amazon.de/gp/product/0240809475?ie=UTF8&tag=derhessammedi-21&linkCode=as2&camp=1638&creative=6742&creativeASIN=0240809475">Hands-On Guide to Flash Video</a><img src="http://www.assoc-amazon.de/e/ir?t=derhessammedi-21&l=as2&o=3&a=0240809475" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> heraus. Wer seinen <a class="checkLink" href="http://www.flashcomguru.com/index.cfm/2007/5/2/HandsOnGuide-to-Flash-Video" target="_blank">Blog</a> kennt, weiss das es sich hier um ein sehr gutes Werk handeln muss.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2008/02/27/literatur-mobile-application-development/' rel='bookmark' title='Literatur: Mobile Application Development'>Literatur: Mobile Application Development</a></li>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2010/03/04/my-most-important-twitter-messages-5/' rel='bookmark' title='My most important Twitter Messages #5'>My most important Twitter Messages #5</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=101&amp;md5=8252a78998b0b9180f09bae484d4960b" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2006/11/23/literatur-fur-interaktives-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=101&amp;md5=8252a78998b0b9180f09bae484d4960b" type="text/html" />"
	</item>
		<item>
		<title>Internet-TV für Content-Produzenten</title>
		<link>http://blog.derhess.de/2006/11/04/internet-tv-fur-content-produzenten/</link>
		<comments>http://blog.derhess.de/2006/11/04/internet-tv-fur-content-produzenten/#comments</comments>
		<pubDate>Sat, 04 Nov 2006 09:38:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[distribution]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[iptv]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=89</guid>
		<description><![CDATA[Leider kann ich aus Zeitmangel nicht wie versprochen einen ausführlichen Bericht zum Thema "Internet-TV und die neuen Geschäftsfelder für Contentproduzenten und -eigentümer" schreiben. Deswegen werde ich nur die harten Fakten kurz aufzählen. Vorteile des Internet-TV für Content-Produzenten: Verkürzung der Vertriebswege: Eine Filmproduktionsfirma kann ihren Film oder ihre Serie direkt an den Endkunden im Internet verkaufen.Kosten [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/' rel='bookmark' title='Internet revolutioniert das Wohnzimmer'>Internet revolutioniert das Wohnzimmer</a></li>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2006/11/23/literatur-fur-interaktives-video/' rel='bookmark' title='Literatur für interaktives Video'>Literatur für interaktives Video</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-90" title="brightcove" src="http://blog.derhess.de/wp-content/uploads/2009/04/brightcove.jpg" alt="brightcove" width="128" height="96" /> <img class="alignnone size-full wp-image-91" title="akamai" src="http://blog.derhess.de/wp-content/uploads/2009/04/akamai.jpg" alt="akamai" width="128" height="96" /> <img class="alignnone size-full wp-image-92" title="stahl" src="http://blog.derhess.de/wp-content/uploads/2009/04/stahl.gif" alt="stahl" width="128" height="96" /></p>
<p>Leider kann ich aus Zeitmangel nicht wie versprochen einen ausführlichen Bericht zum Thema "Internet-TV und die neuen Geschäftsfelder für Contentproduzenten und -eigentümer" schreiben. Deswegen werde ich nur die harten Fakten kurz aufzählen.</p>
<p><strong>Vorteile des Internet-TV für Content-Produzenten:</strong></p>
<ul>
<li> Verkürzung der Vertriebswege: Eine Filmproduktionsfirma kann ihren Film oder ihre Serie direkt an den Endkunden im Internet verkaufen.Kosten für die DVD Herstellung und die Händlerpauschalen (für den Weiterverkauf der DVDs) entfallen</li>
<li>Internet-TV ist ein mögliches Mittel für die Film- und Fernsehindustrie gegen die Raubkopierer (wegen der Möglichkeit Filme billiger und besser zu vertreiben) und die Zuschauerabwanderung anzukommen</li>
<li>Auf den entstehenden InternetTV Verkaufsplattformen erhält man genauere Daten zum Userververhalten (genauere Zuschauerdaten gegenüber der klassichen Einschalt- quotenermittlung). Mit den gewonnenen Userdaten kann man dann noch userorientierte Werbung anbieten (ähnlich der computergenerierten Kaufempfehlung von <a class="checkLink" href="http://www.amazon.de" target="_blank">Amazon</a>)</li>
</ul>
<p><strong>Probleme für die Nutzung von Internet-TV</strong></p>
<ul>
<li>Die Videoinhalte müssen geschützt werden. Dies geht nur mit komplizierten Verschlüsselungstechniken, siehe <a class="checkLink" href="http://de.wikipedia.org/wiki/Digital_Rights_Management" target="_blank">DRM-Systeme</a>.</li>
<li>Umstellung oder eine komplett Neuimplementierung der technischen Infrastruktur hinsichtlich Vertrieb und Informationsübertragung (leistunsstarke Streamingserverarchitekturen)</li>
</ul>
<p><strong>Lösung für die Nachteile:</strong><br />
Beauftragung externer Firmen, die sich ausschliesslich mit der technischen Implementierung und Verwaltung befassen. Einige Firmen bieten genau für diesen Bereich interessante  Lösungen an.<br />
Grosse Player im Streamingmarkt:</p>
<ul>
<li><a class="checkLink" href="http://www.akamai.com/" target="_blank">Akamai</a></li>
<li><a class="checkLink" href="http://www.vitalstream.com/" target="_blank">VitalStream</a></li>
</ul>
<p>Im deutschen Markt bietet noch <a class="checkLink" href="http://www.onlinelib.de/" target="_blank">OnlineLib</a> ein interessantes DRM-System für FlashVideo Inhalte an.<br />
Eine äusserst umfangreiche Bedürfnissabdeckung der Contentproduzenten für den Vertrieb von Videoinhalten im Internet bietet nur die amerkanische Firma <a class="checkLink" href="http://corp.brightcove.com/" target="_blank">Brightcove</a>. Ihr Angebot geht über das übliche Streamingangebot weit hinaus, so bietet Brightcove z.B. ihren Kunden einen Paid-Service, anpassbare Frontend und Backend Lösungen im Modulform für ihre Verkaufsplattform (Flash Templates) an. Desweiteren gibt es noch die Möglichkeit über ein spezielles DRM-System von Brightcove die eigenen Videoinhalte zu verleihen, d.h. der User kann den Film zum Beispiel nur 1 Woche lang sehen. Danach kann er die Filmdatei nicht mehr öffnen und kann sie dann nur noch löschen.</p>
<p>Im Web bin ich dann noch auf einen interessanten <a class="checkLink" href="http://www.ecin.de/strategie/paid-content/" target="_blank">Artikel</a> über das Thema Paid Conent von Florian Stahl gestossen.</p>
<p>Das ist bis jetzt alles, was mir zu diesem Thema im Kopf herum geschwirrt ist.</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/' rel='bookmark' title='Internet revolutioniert das Wohnzimmer'>Internet revolutioniert das Wohnzimmer</a></li>
<li><a href='http://blog.derhess.de/2006/12/03/links-die-zukunft-der-medieninformatik/' rel='bookmark' title='Links: Die Zukunft der Medieninformatik?!'>Links: Die Zukunft der Medieninformatik?!</a></li>
<li><a href='http://blog.derhess.de/2006/11/23/literatur-fur-interaktives-video/' rel='bookmark' title='Literatur für interaktives Video'>Literatur für interaktives Video</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=89&amp;md5=722b306e3b9e984cba77b6b096018554" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2006/11/04/internet-tv-fur-content-produzenten/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=89&amp;md5=722b306e3b9e984cba77b6b096018554" type="text/html" />"
	</item>
		<item>
		<title>Internet revolutioniert das Wohnzimmer</title>
		<link>http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/</link>
		<comments>http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/#comments</comments>
		<pubDate>Mon, 16 Oct 2006 09:32:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Technologie]]></category>
		<category><![CDATA[iptv]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[streaming]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blog.derhess.de/?p=85</guid>
		<description><![CDATA[Die Wenigsten von uns beziehen ihr Fernsehsignal aus dem Internet, also scheint es so dass doch keine Revolution im Gange. ist.Die Revolution hat aber schon angefangen mittels ihren Vorboten von TriplePlay Angeboten und Maxdome von ProSieben usw. Warum dass alles so toll ist werde ich in diesem Blogeintrag erstmal aus der Endnutzersicht beschreiben. (Die Contentproduzenten [...]
Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/11/04/internet-tv-fur-content-produzenten/' rel='bookmark' title='Internet-TV für Content-Produzenten'>Internet-TV für Content-Produzenten</a></li>
<li><a href='http://blog.derhess.de/2006/10/15/iptv-vs-dvb/' rel='bookmark' title='IPTV vs. DVB?!'>IPTV vs. DVB?!</a></li>
<li><a href='http://blog.derhess.de/2006/12/02/mesh-based-p2p-videostreaming/' rel='bookmark' title='Mesh-based P2P Videostreaming'>Mesh-based P2P Videostreaming</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-83" title="maxdome" src="http://blog.derhess.de/wp-content/uploads/2009/04/maxdome.jpg" alt="maxdome" width="128" height="96" /> <img class="alignnone size-full wp-image-84" title="1und1triple" src="http://blog.derhess.de/wp-content/uploads/2009/04/1und1triple.gif" alt="1und1triple" width="128" height="96" /> <img class="alignnone size-full wp-image-86" title="youtubedemand" src="http://blog.derhess.de/wp-content/uploads/2009/04/youtubedemand.jpg" alt="youtubedemand" width="128" height="96" /></p>
<p>Die Wenigsten von uns beziehen ihr Fernsehsignal aus dem Internet, also scheint es so dass doch keine Revolution im Gange. ist.Die Revolution hat aber schon angefangen mittels ihren Vorboten von <a class="checkLink" href="http://de.wikipedia.org/wiki/Triple_Play" target="_blank">TriplePlay Angeboten</a> und <a class="checkLink" href="http://www.maxdome.de/" target="_blank">Maxdome</a> von ProSieben usw. Warum dass alles so toll ist werde ich in diesem Blogeintrag erstmal aus der Endnutzersicht beschreiben. (Die Contentproduzenten bekommen den nächsten Blogeintrag gewidmet).</p>
<p>Das neue Fernseh aus dem Internet passt sich durch die grössere Anzahl von Features den Wünschen der Zuschauer viel besser an. Das heisst der Fernsehzuschauer ist nicht mehr zeitlich an festen Sendeterminen gebunden, auch das ärgerliche Gefühl einer vergessenen Aufnahme gehört mit den Features <a class="checkLink" href="http://de.wikipedia.org/wiki/Video_on_Demand" target="_blank">Video-on-Demand</a> und <a class="checkLink" href="http://de.wikipedia.org/wiki/Timeshift" target="_blank">Timeshifting</a> der Vergangenheit an. Das ist aber noch nicht alles, Firmen wie z.B. <a class="checkLink" href="http://1und1.de/" target="_blank">1und1</a> macht es mit Maxdome vor. Sie bieten Ihren Kunden eine <a class="checkLink" href="http://www.1und1.de/index.php?&amp;switchsite=adsl&amp;srcArea=mg" target="_blank">Movie-Flatrate</a> über das Internet an, die nicht in der Sendeplanung eines Fernsehsenders sind. Maxdome übernimmt somit die Funktion der heimischen Videothek und der Kunde muss nicht mehr aus dem Haus um sich einen neueren Film anschauen zukönnen (vom nervigen Zurückbringen der DVD mal ganz zu schweigen), nein er kann den Film auf Knopfdruck zuhause bestellen und bekommt ihn sofort auf dem Fernseher über das Internet zu Verfügung gestellt. Um den Zuschauer einen komfortablen Filmgenuss zu gewährleisten liefert 1und1 zusätzlich zum Router noch eine <a class="checkLink" href="http://dsl.1und1.de/download/Schnelleinstieg_Set-Top-Box.pdf" target="_blank">Set-Top-Box</a> für den Fernseher aus. Die Set-Top-Box ist mit einer extra Clientanwendung für das Maxdome-Portal ausgestattet, in der sich der Kunde mittels Fernbedienung durchnavigiert. Das Ganze ähnelt sehr stark einem DVD-Menü, nur mit dem Unterschied dass sich die Inhalte dynamisch erzeugen lassen. Die notwendigen Daten erhält die Set-Top-Box über W-LAN oder über ein direktes LAN Kabel zum Router. Fürs Erste erfüllt die Set-Top-Box seine Funktion, jedoch ist das ganze System für neue Anwendung, wie z.B. einen E-Mail Check sehr unflexibel und nicht gerade angenehm zu bedienen.</p>
<p>Ein neuer besserer Weg eröffnet sich durch die neuen <a class="checkLink" href="http://de.wikipedia.org/wiki/Hd_ready" target="_blank">HD-Ready</a> und <a class="checkLink" href="http://de.wikipedia.org/wiki/Full_HD" target="_blank">Full HD</a> Fernseher. Diese Fernseher ermöglichen es mit ihrer hohen Auflösung (HD-Ready ca. 1368 x 768px / FullHD 1920 x 1080px) erstmals auch Webseiten klar und deutlich auf dem Wohnzimmer Fernseh darzustellen. Das hat den Vorteil, dass man auf die gleichen Oberfl&amp;aumlMchen der schon bestehenden Webseiten und der schon dahinter steckenden Technik zurückgreifen kann. Der Zuschauer muss so kein ein neues Bedienkonzept erlernen. Nur gibt es in dieser Richtung noch ein kleines technisches Problem, die heutigen neuen HD Fernseher sind (noch) nicht für die Kommunikation mit Anwendungsprotokollen aus dem Internet ausgelegt. Ein Lösung wäre es Thin Clients in die HD Fernseher zu integrieren. Diese Thin Clients haben dann ein Mini-Betriebssystem installiert und sind ausgestattet mit einem Netzwerkanschluss,DVD Player und einem Browser mit dazugehörigen Plugins, wie z.B. Flash, Quicktime, Windows Media Player usw. (Einen sehr guten Beitrag zu Thin Clients gibt es in der <a class="checkLink" href="http://www.3sat.de/neues/sendungen/magazin/98865/index.html" target="_blank">Neues</a> Sendung vom 15.10.2006). Somit kann der Zuschauer im Websurfen, seine E-Mails oder seinen Kontostand checken oder ganz einfach die gewünschten Videoinhalte auf den verschiedenen Plattformen abrufen. Wer jetzt aber sagt "Ja toll, die Videos im Internet sind aber nur so klein", der liegt falsch, so kann z.B. der Flash-Player neuerdings Videoinhalte aus dem Browser heraus (!) in den <a class="checkLink" href="http://www.video-flash.de/index.php/flv-playback-component-fullscreen-skin/" target="_blank">Vollbildschirm Modus</a> umschalten. Diese integrierten Thin Clients mit Fernseher würden dem Zuschauer somit seinen vollen Fernseh- und Filmgenuss garantieren plus den ganzen Funktionumfang den das Internet bietet. Eine wichtige Sache gibt es noch zu beachten, keiner von uns möchte bestimmt eine Tastatur und eine Maus auf seinem Wohnzimmertisch liegen haben und die bisherigen Fernbedienung als Alternative sind dafür viel zu unkomfortabel. Da muss sich die Industrie (oder wir Medieninformatiker) noch was Gutes einfallen lassen .</p>
<p>Wenn man das Ganze  jetzt nochmal überblickt, wird klar, dass der Kunde auf von der neuen Technik profitieren wird. Es wird für ihn einiges Handhabar werden, weil er nur noch ein Kabel für Fernseh, Internet und Telefon benötigt, das macht auch die Verkabelung und Vernetzung innerhalb des Hauses viel leichter (Stichwort: Heimnetzwerk). Die Kostenrechnung wird transparenter (<a class="checkLink" href="http://de.wikipedia.org/wiki/Triple_Play" target="_blank">TriplePlay Angebote</a>) und vorallem bekommt er einen viel gr&amp;oumlMsseren Spielraum in seinem  Medienkonsum geboten, er kann jetzt einiges sehen wann und wo (denn die Neuen Medien lassen sich auch auf portable Medien übertragen) er will.</p>
<p><strong>--- UPDATE --- 4.11.2006</strong></p>
<p>Die <a class="checkLink" href="http://www.opera.com/products/devices/markets/stb/" target="_blank">Set-Top Box von Opera</a> zum Internet surfen im Wohnzimmer</p>
<p>Related posts:<ol>
<li><a href='http://blog.derhess.de/2006/11/04/internet-tv-fur-content-produzenten/' rel='bookmark' title='Internet-TV für Content-Produzenten'>Internet-TV für Content-Produzenten</a></li>
<li><a href='http://blog.derhess.de/2006/10/15/iptv-vs-dvb/' rel='bookmark' title='IPTV vs. DVB?!'>IPTV vs. DVB?!</a></li>
<li><a href='http://blog.derhess.de/2006/12/02/mesh-based-p2p-videostreaming/' rel='bookmark' title='Mesh-based P2P Videostreaming'>Mesh-based P2P Videostreaming</a></li>
</ol></p> <p><a href="http://blog.derhess.de/?flattrss_redirect&amp;id=85&amp;md5=24fbff7bcbeb34cfedef18a3418bac42" title="Flattr" target="_blank"><img src="http://blog.derhess.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://blog.derhess.de/2006/10/16/internet-revolutioniert-das-wohnzimmer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://blog.derhess.de/?flattrss_redirect&amp;id=85&amp;md5=24fbff7bcbeb34cfedef18a3418bac42" type="text/html" />"
	</item>
	</channel>
</rss>

