<?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>Michael Fretz - Interaction Designer &#187; Video</title>
	<atom:link href="http://www.michaelfretz.com/tag/video/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.michaelfretz.com</link>
	<description>Interaction Design Studium Blog</description>
	<lastBuildDate>Sat, 25 Jun 2011 20:57:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>St.Moritz TV</title>
		<link>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/</link>
		<comments>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 23:13:49 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Internship USA]]></category>
		<category><![CDATA[Webapplikation]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[internship]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Prototyp]]></category>
		<category><![CDATA[USA]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=3105</guid>
		<description><![CDATA[After being here in Los Angeles for about 7 months I think its time to show you some of the projects I worked on. The first project I want to show you is St Moritz TV. What is this project? The website www.StMoritzTV.ch is a Web TV station with short videos about St. Moritz and [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-3108" title="stmoritztv_01" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_01.jpg" alt="stmoritztv_01" width="580" height="200" /></p>
<p>After being here in Los Angeles for about 7 months I think its time to show you some of the projects I worked on. The first project I want to show you is St Moritz TV.</p>
<p><strong>What is this project?</strong><br />
The website <a href="http://www.stmoritztv.ch" target="_blank">www.StMoritzTV.ch</a> is a Web TV station with short videos about St. Moritz and the Engadine. The main goal of the website is to inform tourists and locals about events, art, dinning and shopping in St Moritz and its surroundings.</p>
<p><strong>What was the goal?</strong><br />
The current version is a Beta site. Its focus is to see what the needs of the users are and how we can build the final version and what we have to improve. Because this is a Beta site we are asking for any feedback about the site and would highly appreciate if as many of you can try it and give us a  <a href="http://www.surveymonkey.com/s/BCZFQM9" target="_blank">feedback</a>. We want to find out how we can make it most enjoyable for its user.</p>
<p><em>But hey, let&#8217;s get geeky :)</em><br />
<span id="more-3105"></span> <img class="alignnone size-full wp-image-3112" title="stmoritztv_03" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_03.jpg" alt="stmoritztv_03" width="580" height="200" /><br />
<strong>What technology did I use?</strong></p>
<p><strong>Video player with Open Source Media Framework:</strong></p>
<p>The player is built with the <a href="http://opensource.adobe.com/wiki/display/osmf/Open+Source+Media+Framework" target="_blank">Adobes Open Source Media Framework</a>. We had to add some functionality into the player as the version we used didn’t have all functions we needed by the time we developed it. For example we had to build in a video time calculator and a function to read the source for the videos from the XML. Furthermore I had to implement a function to allow jumping to a requested video. For this I used external interface in actionscript to send data into the player from the html page. In this way I do not have to reload the website again if a new video should be played. Of course the play-list is continuously loading the next video as soon as the current video finished playing.<strong></strong></p>
<p><strong>Next Up</strong><br />
The “NextUp” area is build with flash and reads the same XML as the video player. Every time a new video starts to play the video player calls a Javascript function in the html site. This Javascript function send the current played video into the NextUp flash file where I update the view class. If one of the nodes will be pressed in the “Nextup”, it calls a Javascript function too and sends the requested video to the video player.<br />
<img class="alignnone size-full wp-image-3110" title="stmoritztv_02" src="http://www.michaelfretz.com/wp-content/uploads/2010/02/stmoritztv_02.jpg" alt="stmoritztv_02" width="580" height="200" /><br />
<strong>HTML, CSS and Javascript</strong><br />
I created, based on the delivered design by Almer/Blank, the HTML and CSS part of the website. Different Javascript functions are responsible for handling the requested videos and advertisement .</p>
<p><strong>Web hosting</strong><br />
The current version of StMoritzTV is hosted by<a href="http://www.cubera.ch">Cubera Solutions GmbH</a>. Hosting on a Swiss web hosting company helps us to keep ping time low and provides us with a reliable service.<br />
Happy testing :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2010/02/04/internship-project-st-moritz-tv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stop-Motion Filme</title>
		<link>http://www.michaelfretz.com/2009/08/01/stop-motion-filme/</link>
		<comments>http://www.michaelfretz.com/2009/08/01/stop-motion-filme/#comments</comments>
		<pubDate>Sat, 01 Aug 2009 10:11:17 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Film]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[stop-motion]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/?p=2714</guid>
		<description><![CDATA[Im vierten Semester habe ich den Abendkurs Animation und plastisches Gestalten an der Zürcher Hochschule der Künste zum zweiten mal besucht. Zusammen mit meiner Freundin Daniela Spühler haben wir diverse Stop-Motion Kurzfilme erstellt. Ich möchte mich hier herzlich bei Tobi Hobi bedanken der uns immer unterstützt hat. Hoffen wir das dein Kurs noch viele Jahre [...]]]></description>
			<content:encoded><![CDATA[<p>Im vierten Semester habe ich den Abendkurs Animation und plastisches Gestalten an der Zürcher Hochschule der Künste zum zweiten mal besucht. Zusammen mit meiner Freundin Daniela Spühler haben wir diverse Stop-Motion Kurzfilme erstellt. Ich möchte mich hier herzlich bei Tobi Hobi bedanken der uns immer unterstützt hat. Hoffen wir das dein Kurs noch viele Jahre stattfinden wird.</p>
[See post to watch Flash video]
<p><span>Im Animationskurs der Zürcher Hochschule der Künste bei Tobias Hobi haben wir den 10 Sekundenfilm: &#8220;Life is short, try to be pretty&#8221; erstellt. Die Aufgabe war es aus Plastilin innerhalb eines Abends eine kleine Geschichte zu erzählen zum Thema: Von Innen nach Aussen.<br />
</span></p>
<p><span><span id="more-2714"></span><br />
</span></p>
[See post to watch Flash video]
<p><span>Stop Motion Animation mit einer Zeitung die sich beim lesen zerstört.<br />
</span></p>
[See post to watch Flash video]
<p><span class="description">Im Abendkurs Animation und plastisches Gestalten an der Zürcher Hochschule der Künste habe ich zusammen mit Daniela Spühler einen kurzen Film aus Papier erstellt. </span></p>
[See post to watch Flash video]
<p><span class="description">Eine kleine Animation welche wir innerhalb weniger Minuten erstellen mussten. Den Film haben wir im Kurs Animation und plastisches Gestalten an der Zürcher Hochschule der Künste erstellt. </span></p>
[See post to watch Flash video]
<p><span class="description">Stop Motion Film von Michael Fretz und Daniela Spühler. Der Sountrack ist von den Mosbuben und einem anderen Youtube Clip.Die Idee ist die kulturelle zusammenführung in den verschiedenen Esskulturen<br />
</span></p>
[See post to watch Flash video]
<div class="collapse-content">
<div class="watch-video-desc"><span class="description">Eine kleine Animation welche wir innerhalb weniger Minuten erstellen mussten. Hier das Resultat von Beat Hübscher und Michael Fretz aus dem Kurs 3D Animiert bei Thobi Hobi an der HGKZ </span></div>
<div class="watch-video-desc"><span class="description"><br />
</span></div>
<div class="watch-video-desc">
[See post to watch Flash video]
<div class="collapse-content">
<div class="watch-video-desc"><span class="description">Der Ausbruch aus dem 2D ins wirkliche Leben&#8230; Ein Kurzfilm von Sabrina Humbel und Michael Fretz zum Thema 2D zu 3D aus dem Jahr 2007. Diesen Film haben wir am Filmfestival 5-10-20 eingereicht und wo wir die Finalrunde erreichten. Dieses Video wurde auch im <a href="http://www.youtube.com/watch?v=_vPrxv7znF4">Hauptbahnhof in Zürich</a> gezeigt. </span></div>
<div class="watch-video-desc"><span class="description"><br />
</span></div>
<div class="watch-video-desc">[See post to watch Flash video]</div>
<div class="watch-video-desc"><span class="description">Hand gegen Würfel von Sabrina Humbel und Michael Fretz der im Kurs 3D-Animiert an der HGKZ im Jahr 2007 entstanden ist. </span></div>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2009/08/01/stop-motion-filme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ideogen &#8211; Würfel dir deinen Videoclip</title>
		<link>http://www.michaelfretz.com/2008/10/15/ideogen-wurfel-dir-deinen-videoclip/</link>
		<comments>http://www.michaelfretz.com/2008/10/15/ideogen-wurfel-dir-deinen-videoclip/#comments</comments>
		<pubDate>Wed, 15 Oct 2008 11:33:31 +0000</pubDate>
		<dc:creator>Michael Fretz</dc:creator>
				<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[DaKa]]></category>
		<category><![CDATA[Interaktion]]></category>
		<category><![CDATA[MaxMSP]]></category>
		<category><![CDATA[Musik]]></category>
		<category><![CDATA[Reactivision]]></category>
		<category><![CDATA[Tracking]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Webcam]]></category>
		<category><![CDATA[Würfel]]></category>

		<guid isPermaLink="false">http://www.michaelfretz.com/2008/10/15/ideogen-wurfel-dir-deinen-videoclip/</guid>
		<description><![CDATA[Das Projekt Ideogen befasst sich mit einer speziellen Art der Steuerung eines Programms. Mit Hilfe eines Würfels soll eine Eingabe gesteuert werden. Wieso ein Würfel? Ein Würfel hat etwas unberechenbares, ein Würfel lädt zum Spielen ein, ein Würfel ist eine ungewohnte Art zur Steuerung eines Programms. Und schliesslich „würfelt“ unser Programms auch einen Videoclip zusammen. [...]]]></description>
			<content:encoded><![CDATA[<p>Das Projekt Ideogen befasst sich mit einer speziellen Art der Steuerung eines Programms. Mit Hilfe eines Würfels soll eine Eingabe gesteuert werden.</p>
<p><img src="http://www.michaelfretz.com/wp-content/uploads/2008/10/wuerfel_on_lighttable.jpg" alt="Ideogen in Action" /></p>
<p>Wieso ein Würfel? Ein Würfel hat etwas unberechenbares, ein Würfel lädt zum Spielen ein, ein Würfel ist eine ungewohnte Art zur Steuerung eines Programms. Und schliesslich „würfelt“ unser Programms auch einen Videoclip zusammen.</p>
<p>Auf unserem Würfel sollte nicht klar erkennbar sein, welche Funktion welchen Prozess auslöst, deshalb ist die Würfeloberfläche mit speziellen Tags versehen. Diese werden mit reacTIVision und einer externen Webcam gescannt und entsprechend interpretiert. Nach der Erkennung eines Tags wird im Programm eine entsprechende Funktion ausgelöst. Die Funktionen sind unterschiedlich und beinhalten Video- und Audioverarbeitung. Ziel ist es, einen Videoclip zu produzieren, in dem man einfach würfelt. Bei den Videofunktionen werden einerseits einzelne Bilder geladen oder man wird von einer zweiten Webcam gefilmt. Die gefilmten Aufnahmen werden als MovieClips gespeichert. Sind mehrere Video vorhanden, werden diese gemixt. Bei den Audiofunktionen wird bei einer Funktion eine Audioaufnahme über ein Mikrophon erstellt. Diese wird nach 5 Sekunden gestoppt und eine AIF Datei daraus erstellt. Eine weitere Audiofunktion ist das zufällige Abspielen einer Audiodatei. Am Ende wird aus all den zusammen gewürfelten Funktionen ein VideoClip produziert und abgespielt.</p>
<p>Ziel des Projektes</p>
<p>Bei unserem Projekt haben wir kein fix fertiges Endprodukt vor Augen gehabt. Viel mehr sollte eine flexibel erweiterbare Videoclipmaschine<br />
erstellt werden. Diese Videoclipmaschine sollte viele in den letzten Tagen gelernte Elemente beinhalten.</p>
<p><img src="http://www.michaelfretz.com/wp-content/uploads/2008/10/ideogen_table.jpg" alt="Ideogen Table" /></p>
<p><img src="http://www.michaelfretz.com/wp-content/uploads/2008/10/wuerfel_reactivioson_in_action.jpg" alt="Ideogen in Action" /></p>
<p>Fazit<br />
Unsere Idee, die unterschiedlichen erlernten Funktionen von MAX MSP / Jitter / reacTIVision zu verwenden, konnten wir realisieren. Wir<br />
konnten Videotracking, Audio- und Videoverarbeitung verbinden. Das Speichern von einzelnen Audio und Videodateien funktioniert ebenfalls.</p>
<p><img src="http://www.michaelfretz.com/wp-content/uploads/2008/10/max_msp_ideogen.jpg" alt="Max MSP Ideogen" /></p>
<p>Printscreen aus einer MAX MSP Datei. Alle MAX MSP Dateien zum downloaden findet man hier:</p>
<p><a title="MAX MSP Dateien" href="http://www.michaelfretz.com/wp-content/uploads/2008/10/ideogen_maxpat.zip">MAX MSP Dateien</a></p>
[See post to watch Flash video]
]]></content:encoded>
			<wfw:commentRss>http://www.michaelfretz.com/2008/10/15/ideogen-wurfel-dir-deinen-videoclip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

