<?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>Yiannis Kranidiotis</title>
	<atom:link href="http://kranidiotis.gr/feed/" rel="self" type="application/rss+xml" />
	<link>http://kranidiotis.gr</link>
	<description>About me &#38; Music</description>
	<lastBuildDate>Sat, 05 May 2012 11:12:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>MusIcon™: &#8220;Composition A&#8221;</title>
		<link>http://kranidiotis.gr/musicon-composition-a/</link>
		<comments>http://kranidiotis.gr/musicon-composition-a/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 20:21:46 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[MusIcon]]></category>
		<category><![CDATA[Piet Mondrian]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=1138</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

Hint: place your mouse over the picture and move it around. Use mouse wheel or double click to zoom in/out. For best experience click full screen. Click the bulb icon for a visual representation of the soundscape. &#8220;Composition A&#8221; by Piet Mondrian is an abstract painting where color is used lavishly, showing bright contrast between yellow and black, red and blue, framed by dark lines and white space. My decision was to approach this painting rhythmically. I used only percussion &#8230; <a href="http://kranidiotis.gr/musicon-composition-a/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p><object id="MusIcon" width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="play" value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" /><param name="allowFullScreen" value="true" /><param name="src" value="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Piet Mondrian - Composition A/MusIcon.xml" /><param name="allowfullscreen" value="true" /><embed id="MusIcon" width="100%" height="410" type="application/x-shockwave-flash" src="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Piet Mondrian - Composition A/MusIcon.xml" quality="high" play="true" loop="true" wmode="window" scale="showall" allowFullScreen="true" allowfullscreen="true" /></object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Use mouse wheel or double click to zoom in/out. For best experience click full screen.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<p><em>&#8220;Composition A&#8221;</em> by Piet Mondrian is an abstract painting where color is used lavishly, showing bright contrast between yellow and black, red and blue, framed by dark lines and white space. My decision was to approach this painting rhythmically. I used only percussion and different rhythmic signatures for every color. So we have:</p>
<p style="text-align: justify;"><span id="more-1138"></span></p>
<table border="0" cellspacing="20" cellpadding="10">
<tbody>
<tr>
<td style="align: center;" align="center" width="33%">
<dl id="">
<dt><img title="white" src="http://kranidiotis.gr/wp-content/uploads/2012/04/white.jpg" alt="" width="154" height="151" /></dt>
</dl>
<h5>White</h5>
<p><strong>4/4</strong> rhythm by <strong>Sticks</strong> and <strong>Castanets</strong>.</td>
<td style="align: center;" align="center" width="34%"><img class="alignnone  wp-image-1144" title="blue" src="http://kranidiotis.gr/wp-content/uploads/2012/04/blue.jpg" alt="" width="154" height="151" /></p>
<h5>Blue</h5>
<p><strong>5/8</strong> rhythm by <strong>African</strong> Drums</td>
<td style="align: center;" align="center" width="33%"><img class="alignnone  wp-image-1143" title="yellow" src="http://kranidiotis.gr/wp-content/uploads/2012/04/yellow.jpg" alt="" width="154" height="151" /></p>
<h5>Yellow</h5>
<p><strong>6/8</strong> rhythm by <strong>Electronic</strong> Percussion</td>
</tr>
<tr>
<td style="align: center;" align="center" width="33%">
<dl id="">
<dt><img title="white" src="http://kranidiotis.gr/wp-content/uploads/2012/04/white.jpg" alt="" width="154" height="151" /></dt>
</dl>
<h5>Red</h5>
<p><strong>9/8</strong> rhythm by <strong>Middle Eastern</strong> Percussion</td>
<td style="align: center;" align="center" width="34%"></td>
<td style="align: center;" align="center" width="33%"><img class="alignnone  wp-image-1143" title="yellow" src="http://kranidiotis.gr/wp-content/uploads/2012/04/yellow.jpg" alt="" width="154" height="151" /></p>
<h5>Black</h5>
<p><strong>7/8</strong> rhythm by <strong>Processed</strong> Percussion</td>
</tr>
</tbody>
</table>
<p style="text-align: justify;"><span style="font-size: medium;"><strong>Note:</strong></span> All rhythms have the same tempo. As a result, all the beats (eights) occur simultaneously. What differs from one rhythm to another is the accent beats. In the rhythms I used, the main accent is always the first beat and then there are secondary accents (the second or third or any other) depending on the rhythm. What is interesting is that <strong>we will hear all the first accent beats of all the rhythms simultaneously for the second time (after the first occurrence in the beginning) after 1260 beats (eights)!</strong> 1260 is the least common multiple of 4,5,6,7,9 (the numerators of the time signatures of the rhythms).</p>
<h2 style="text-align: justify;">What is a MusIcon™?</h2>
<p style="text-align: justify;">MusIcon™ is a picture where you can move and listen to different music moments. There are various music sources that come from different points. If you want to read more about the creation and inspiration of MusIcon™ read <a title="What is a MusIcon™?" href="http://kranidiotis.gr/?p=1088">my post here</a>.</p>
<h2 style="text-align: justify;">Get it on your android phone!</h2>
<p><img class="size-full wp-image-917 alignleft" title="Android App" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Best-Android-Apps-List-of-50-Free-Android-Apps.png" alt="" width="100" height="100" />I created an android application so you can enjoy the MusIcon in your phone. Explore the painting with your finger or tap the magic wand and use the &#8220;Random Tour&#8221; while you are on the go with your earphones. You can download it from bellow:<iframe style="margin: 0pt; padding: 0pt;" src="http://slideme.org/widgets/app/467099/banner" frameborder="0" scrolling="no" width="100%" height="158"></iframe></p>
<div style="text-align: center; font-size: small;">
Get the <a href="http://slideme.org/application/musicon-composition" target="_blank">MusIcon &#8211; Composition A</a> Android app from <a href="http://slideme.org/">SlideME</a>.</div>
<h2>Share it!</h2>
<p>If you want to post this MusIcon™ in you website or blog then use the following code:</p>
<pre class="snippet-code">&lt;iframe width="100%" height="410" src="http://kranidiotis.gr/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Piet Mondrian - Composition A/MusIcon.xml" frameborder="0" allowfullscreen scrolling="no"&gt;&lt;/iframe&gt;</pre>
<p style="text-align: justify;"><em><strong>Note:</strong> <strong>Copy &amp; paste the above code as html and not as text.</strong> <a href="http://www.microsoft.com/web/solutions/code-embed.aspx" target="_blank">Click here</a> for instructions for embedding code on sites powered by popular web apps such as WordPress, Joomla, Drupal, dotNetNuke, BlogEngine.NET and ScrewTurn Wiki.</em></p>
<h2>More info:</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li><a href="http://www.wikipaintings.org/en/piet-mondrian/composition-a-1923" target="_blank"><em>WikiPainting page</em> about the &#8220;Composition A&#8221; painting.</a></li>
<li><a title="Piet Mondrian Wikipedia article" href="http://en.wikipedia.org/wiki/Piet_Mondrian" target="_blank">Piet Mondrian</a> Wikipedia article.</li>
</ul>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-composition-a/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What is a MusIcon™?</title>
		<link>http://kranidiotis.gr/what-is-a-musicon/</link>
		<comments>http://kranidiotis.gr/what-is-a-musicon/#comments</comments>
		<pubDate>Fri, 13 Apr 2012 08:09:44 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[Updates]]></category>
		<category><![CDATA[Cinemagraphs]]></category>
		<category><![CDATA[Music Heatmaps]]></category>
		<category><![CDATA[MusIcon]]></category>
		<category><![CDATA[Point Music Sources]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=1088</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

In a Nutshell. MusIcon™ is a picture where you can move around it and listen to different music moments. The sounds and music change depending on the place and time. MusIcon™ is an image with an interactive soundscape. Background Information. Music in its nature includes motion but most times it doesn&#8217;t interact with the listener.  So I designed a virtual 2D audio canvas where I placed a number of music sources in the space. Every source is like a small &#8230; <a href="http://kranidiotis.gr/what-is-a-musicon/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<h2>In a Nutshell.</h2>
<p style="text-align: justify;">MusIcon™ is a picture where you can move around it and listen to different music moments. The sounds and music change depending on the place and time. MusIcon™ is an image with an interactive soundscape.</p>
<h2>Background Information.</h2>
<p style="text-align: justify;">Music in its nature includes motion but most times it doesn&#8217;t interact with the listener.  So I designed a virtual 2D audio canvas where I placed a number of music sources in the space. Every source is like a small orchestra that plays a music relevant with the specific picture&#8217;s detail. Some of these music sources are musically related and some other are not. The listener can move around (using the mouse in a computer or his/her finger for a touch device) and listen to different musical moments as he is the composer-mixer. The duration of the music of every source is different so there is no obvious restart point of the mix. Considering also the fact that the movement of every listener is also different, gives us unlimited musical moments. In other words, MusIcon™ is an image with an interactive soundscape.<img title="More..." src="http://kranidiotis.gr/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" alt="" /></p>
<p><span id="more-1088"></span></p>
<h2>Point Music Sources vs Music Heatmaps.</h2>
<p style="text-align: justify;">My first approach on MusIcons was using point music sources. Every music or sound derived from a single point on the image. This is similar to having speakers around the image. The closer you are on the speaker the louder the sound. You can see this approach on  <a title="MusIcon™: “An Experiment on a Bird in the Air Pump”" href="http://kranidiotis.gr/?p=828">“An Experiment on a Bird in the Air Pump”.</a></p>
<div id="attachment_1106" class="wp-caption aligncenter" style="width: 354px"><img class="size-full wp-image-1106" title="Diagram" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Diagram.jpg" alt="Two Point Music Sources in a MusIcon." width="344" height="203" /></p>
<p class="wp-caption-text">Two Point Music Sources in a MusIcon.</p>
</div>
<p style="text-align: justify;">When I started working on Joan Miro&#8217;s &#8220;Blue II&#8221; MusIcon, I wanted the music for the red stroke to be heard only over the red stroke and across it. This was impossible to achieve it using a single point in the middle of the stroke as music source. So, I came up with the idea of Music Heatmap. Music heatmap is a visual representation of the music volume just like a heatmap is a visual representation of the temperature. In our case, is a grayscale  image representing the volume of the music from black=0% volume  to white=100% volume. Bellow are the heatmaps I created for the &#8220;Blue II&#8221;:</p>
<table style="width: 636px; height: 343px;" border="0" align="center">
<caption>The six music heatmaps of &#8220;Blue II&#8221; MusIcon</caption>
<tbody>
<tr>
<td style="text-align: center;"><img class="alignnone size-full wp-image-1101" title="Joan-Miro---Blue-II-heatmap1" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap1.png" alt="" width="200" height="153" /><br />
The Red Stroke</td>
<td style="text-align: center;"><img class="alignnone size-full wp-image-1100" title="Joan-Miro---Blue-II-heatmap6" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap6.png" alt="" width="200" height="153" /><br />
Black Dot</td>
<td style="text-align: center;"><img title="Joan-Miro---Blue-II-heatmap5" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap5.png" alt="" width="200" height="153" /><br />
Black Dot</td>
</tr>
<tr>
<td style="text-align: center;"><img title="Joan-Miro---Blue-II-heatmap3" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap3.png" alt="" width="200" height="153" /><br />
Black Dot</td>
<td style="text-align: center;"><img title="Joan-Miro---Blue-II-heatmap4" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap4.png" alt="" width="200" height="153" /><br />
Black Dot</td>
<td style="text-align: center;"><img title="Joan-Miro---Blue-II-heatmap2" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Joan-Miro-Blue-II-heatmap2.png" alt="" width="200" height="153" /><br />
The Blue</td>
</tr>
</tbody>
</table>
<div id="attachment_1108" class="wp-caption aligncenter" style="width: 608px"><img class="size-full wp-image-1108  " title="Diagram2" src="http://kranidiotis.gr/wp-content/uploads/2012/04/Diagram2.jpg" alt="Two music heatmaps (purple and green) triggered be the listener." width="598" height="312" /></p>
<p class="wp-caption-text">Two music heatmaps (purple and green) triggered be the listener.</p>
</div>
<p style="text-align: justify;">Music heatmaps have many advantages over music sources approach. You can control the spread of the sound and the direction. You can have a sound that stops immediately in an sharp edge or spreads  smoothly in another. You can also have the same sound in two or more areas of the image. Finally, if you want to achieve the same result as in point music sources, you can create heatmaps with smooth round circles in the points where you want the music sources to be.</p>
<p>Bellow is &#8220;Blue II&#8221; MusIcon using the above six music heatmaps:</p>
<p><object id="MusIcon" width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="play" value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" /><param name="allowFullScreen" value="true" /><param name="src" value="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Joan Miro - Blue II/MusIcon.xml" /><param name="allowfullscreen" value="true" /><embed id="MusIcon" width="100%" height="410" type="application/x-shockwave-flash" src="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Joan Miro - Blue II/MusIcon.xml" quality="high" play="true" loop="true" wmode="window" scale="showall" allowFullScreen="true" allowfullscreen="true" /></object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Use mouse wheel or double click to zoom in/out. For best experience click full screen.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<h2>Technical Information.</h2>
<p>MusIcon™ interface is created in Flash using AS3. It is available as flash for the web in my website and as Android application from <a title="MusIcon Android App" href="https://slideme.org/user/kranidiotis" target="_blank">SlideMe here</a>.</p>
<p style="padding-left: 30px;"><strong>Features:</strong></p>
<ul>
<li>The images are in hi-resolution so you can  zoom in/out using <em> mouse wheel or double click</em>(tap).</li>
<li><img class="size-full wp-image-1119 alignnone" style="vertical-align: middle;" title="fullscreen" src="http://kranidiotis.gr/wp-content/uploads/2012/04/fullscreen.png" alt="" width="42" height="42" /> Fullscreen (Theater) mode.</li>
<li><img class="alignnone size-full wp-image-1120" style="vertical-align: middle;" title="info-on" src="http://kranidiotis.gr/wp-content/uploads/2012/04/info-on.png" alt="" width="42" height="42" /> Visual representation of the music heatmaps (soundscape) and how they trigger by the listener. Every music heatmap is drawn with different color (click the bulb icon).</li>
<li><img class="alignnone size-full wp-image-1121" style="vertical-align: middle;" title="tour-OFF" src="http://kranidiotis.gr/wp-content/uploads/2012/04/tour-OFF.png" alt="" width="42" height="42" /> Random tour around the MusIcon (click ticket icon). Useful in mobile devices while you are on the go with your earphones.</li>
</ul>
<h2>Etymology</h2>
<p>MusIcon: from Music and Icon.</p>
<h2>Inspiration.</h2>
<p style="text-align: justify;">A couple of months ago I visited Jamie Beck&#8217;s &#8220;<a href="http://fromme-toyou.tumblr.com/tagged/gif" target="_blank">From Me to You</a>&#8221; website where I discovered the magic of Cinemagraphs (Jamie Beck and Kevin Burg, creators of Cinemagraphs, define it as &#8220;[...] an image that contains within itself a living moment that allows a glimpse of time to be experienced and preserved endlessly&#8221;.) I was fascinated by the new dimension that Cinemagraphs give to photography by moving it one step ahead without removing the magic that still pictures have (like occasionally video does).  Although you know that this is a loop of some seconds, you can find yourself watching it for minutes. I was first thought to combine Cinemagraphs and music. Then I realized that Cinemagraphs were too distracting combining with music so I decided to use still images. This was the inspiration for creating MusIcon™.</p>
<p style="text-align: justify;">MusIcon is a music space that always changing. I have the belief that the final result, the feeling of the viewer/listener, is similar to Cinemagraphs and gives the illusion of an eternal moment. All these musical moments, because they are constructed from the same sources, have similar qualities and characteristics and this creates the sense of a repetition.</p>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/what-is-a-musicon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MusIcon™: &#8220;The Empire of Light&#8221;</title>
		<link>http://kranidiotis.gr/musicon-the-empire-of-light/</link>
		<comments>http://kranidiotis.gr/musicon-the-empire-of-light/#comments</comments>
		<pubDate>Wed, 11 Apr 2012 12:18:31 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[MusIcon]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[Rene Magritte]]></category>
		<category><![CDATA[The Empire of Light]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=1015</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

Hint: place your mouse over the picture and move it around. Use mouse wheel or double click to zoom in/out. For best experience click full screen. Click the bulb icon for a visual representation of the soundscape. While working on this MusIcon™, the &#8220;The Empire of Light (L&#8217;Empire des lumières)&#8221; by René Magritte, I faced a problem. I wanted to have the sound of the morning birds only in the blue area of the sky. Additionally, the music I compose &#8230; <a href="http://kranidiotis.gr/musicon-the-empire-of-light/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p><object id="MusIcon" width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="play" value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" /><param name="allowFullScreen" value="true" /><param name="src" value="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Rene Magritte - The empire of light/MusIcon.xml" /><param name="allowfullscreen" value="true" /><embed id="MusIcon" width="100%" height="410" type="application/x-shockwave-flash" src="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Rene Magritte - The empire of light/MusIcon.xml" quality="high" play="true" loop="true" wmode="window" scale="showall" allowFullScreen="true" allowfullscreen="true" /></object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Use mouse wheel or double click to zoom in/out. For best experience click full screen.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<p style="text-align: justify;">While working on this MusIcon™, the &#8220;<em>The Empire of Light </em>(<em>L&#8217;Empire des lumières</em>)&#8221; by René Magritte, I faced a problem. I wanted to have the sound of the morning birds only in the blue area of the sky. Additionally, the music I compose for the light, heard only in around the light and up to the dark area of the trees. Using the &#8220;music sources&#8221; approach (in short, having music source around the image like small speakers. For more info read my <a title="MusIcon™: “An Experiment on a Bird in the Air Pump”" href="http://kranidiotis.gr/?p=828">previous post here</a>.) this was impossible.  So I decided to move forward and upgrade the MusIcon idea. I totally damped the &#8220;music sources&#8221; and instead now I use what I call &#8220;music heatmap&#8221; for every music source. A music heatmap is a visual representation of the music volume just like a heatmap is a representation of the temperature. In our case, is a grayscale  image representing the volume of the music from black=0% volume  to white=100% volume. Have a look in the images bellow (The Light, The Window, The Sky) where these are colored versions of the music heatmaps.</p>
<p style="text-align: justify;">This approach has many benefits. For example, you can control the spread of the sound and the direction. You can have a sound that stops immediately in an area or spreads  smoothly in another. You can also have the same sound in two ore more areas of the image.</p>
<p style="text-align: justify;">&#8220;<em>The Empire of Light </em>(<em>L&#8217;Empire des lumières</em>)&#8221; by René Magritte, numerous versions of which exist (<a href="http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A3692&amp;page_number=6&amp;template_id=1&amp;sort_order=1" target="_blank">Museum of Modern Art</a>, New York, and the <a href="http://www.fine-arts-museum.be/fabritiusweb/FullBB.csp?WebAction=ShowFullBB&amp;RequestId=120811_3&amp;Profile=Default&amp;OpacLanguage=dut&amp;NumberToRetrieve=10&amp;StartValue=5&amp;WebPageNr=1&amp;SearchTerm1=MAGRITTERENE%20.2.273&amp;SearchT1=&amp;Index1=Index18&amp;SearchMethod=Find_1&amp;ItemNr=5" target="_blank">Musées Royaux des Beaux-Arts de Belgique</a>, Brussels, <a title="Solomon R. Guggenheim Museum" href="http://www.guggenheim.org/new-york/collections/collection-online/show-full/piece/?search=Empire%20of%20Light&amp;page=&amp;f=Title&amp;object=76.2553.102" target="_blank">The Guggenheim Museum</a>), gets its title from a poem by Paul Nouge. It depicts a dark, nocturnal street scene is set against a pastel-blue, light-drenched sky spotted with fluffy cumulus clouds. With no fantastic element other than the single paradoxical combination of day and night, René Magritte upsets a fundamental organizing premise of life. <sup>[1]</sup></p>
<p style="text-align: justify;">In this painting there are 3 different music themes:<span id="more-1015"></span></p>
<table border="0" cellspacing="20" cellpadding="10">
<tbody>
<tr>
<td style="align: center;" align="center" width="33%">
<div class="wp-caption alignnone" style="width: 154px"><img title="light" src="http://kranidiotis.gr/wp-content/uploads/2012/04/light.png" alt="Music heatmap of &quot;The Light&quot; music theme." width="144" height="200" /></p>
<p class="wp-caption-text">Music heatmap of &quot;The Light&quot; music theme.</p>
</div>
<h5>The Light.</h5>
<p>A slow melancholic theme played mainly by the piano and the harp.</td>
<td style="align: center;" align="center" width="34%">
<div id="attachment_1029" class="wp-caption alignnone" style="width: 154px"><img class="size-full wp-image-1029" title="window" src="http://kranidiotis.gr/wp-content/uploads/2012/04/window.png" alt="Music heatmap of &quot;The Window&quot; music theme." width="144" height="200" /></p>
<p class="wp-caption-text">Music heatmap of &quot;The Window&quot; music theme.</p>
</div>
<h5>The Window.</h5>
<p>A theme that is use in &#8220;The Light&#8221; music played by the flute and the english horn. A harp is accompanying.</td>
<td style="align: center;" align="center" width="33%">
<div id="attachment_1028" class="wp-caption alignnone" style="width: 154px"><img class="size-full wp-image-1028" title="sky" src="http://kranidiotis.gr/wp-content/uploads/2012/04/sky.png" alt="Music heatmap of &quot;The Sky&quot; sounds." width="144" height="200" /></p>
<p class="wp-caption-text">Music heatmap of &quot;The Sky&quot; sounds.</p>
</div>
<h5>The Sky.</h5>
<p>The sky is filled with the sound of morning birds.</td>
</tr>
</tbody>
</table>
<h2 style="text-align: justify;">What is a MusIcon™?</h2>
<p style="text-align: justify;">MusIcon™ is a picture where you can move and listen to different music moments. There are various music sources that come from different points. If you want to read more about the creation and inspiration of MusIcon™ read <a title="What is a MusIcon™?" href="http://kranidiotis.gr/?p=1088">my post here</a>.</p>
<h2 style="text-align: justify;">Get it on your android phone!</h2>
<p>I created an android application so you can enjoy the MusIcon in your phone. Explore the painting with your finger or tap the magic wand and use the &#8220;Random Tour&#8221; while you are on the go with your earphones. You can download it from bellow:</p>
<div style="text-align: center; font-size: small;">
<table align="center">
<tbody>
<tr>
<td><img class="alignnone size-full wp-image-917" title="Android App" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Best-Android-Apps-List-of-50-Free-Android-Apps.png" alt="" width="100" height="100" /></td>
<td><iframe src="http://slideme.org/widgets/app/446875/mini_dark" frameborder="0" align="middle" width="320" height="100"></iframe></td>
</tr>
</tbody>
</table>
<p>Get the <a href="http://slideme.org/application/musicon-empire-light" target="_blank">MusIcon &#8211; The Empire of Light</a> Android app from <a href="http://slideme.org/">SlideME</a>.</p>
</div>
<h2>Share it!</h2>
<p>If you want to post this MusIcon™ in you website or blog then use the following code:</p>
<pre class="snippet-code">&lt;iframe width="100%" height="410" src="http://kranidiotis.gr/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Rene Magritte - The empire of light/MusIcon.xml" frameborder="0" allowfullscreen scrolling="no"&gt;&lt;/iframe&gt;</pre>
<p style="text-align: justify;"><em><strong>Note:</strong> <strong>Copy &amp; paste the above code as html and not as text.</strong> <a href="http://www.microsoft.com/web/solutions/code-embed.aspx" target="_blank">Click here</a> for instructions for embedding code on sites powered by popular web apps such as WordPress, Joomla, Drupal, dotNetNuke, BlogEngine.NET and ScrewTurn Wiki.</em></p>
<h2>More info:</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Bleu_II" target="_blank"><em>&#8220;The Empire of Light</em>&#8220;</a> Wikipedia article about the various versions of the painting.</li>
<li><a title="René Magritte Wikipedia article" href="http://en.wikipedia.org/wiki/Ren%C3%A9_Magritte" target="_blank">René Magritte</a> Wikipedia article.</li>
</ul>
</ul>
</div>
<h6>Notes:</h6>
<ol>
<li><a href="http://www.guggenheim.org/new-york/collections/collection-online/show-full/piece/?object=76.2553.102&amp;search=&amp;page=&amp;f=Title" target="_blank">Painting description</a> from the Solomon R. Guggenheim Museum.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-the-empire-of-light/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MusIcon™: &#8220;Blue II&#8221;</title>
		<link>http://kranidiotis.gr/musicon-blue-ii/</link>
		<comments>http://kranidiotis.gr/musicon-blue-ii/#comments</comments>
		<pubDate>Thu, 29 Mar 2012 20:16:54 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[MusIcon]]></category>
		<category><![CDATA[Blue II]]></category>
		<category><![CDATA[Joan Miro]]></category>
		<category><![CDATA[painting]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=947</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

Hint: place your mouse over the picture and move it around. Use mouse wheel or double click to zoom in/out. For best experience click full screen. Click the bulb icon for a visual representation of the soundscape. &#8220;Blue II&#8221; by Joan Miro is the second MusIcon I composed.  &#8220;Blue II &#8221; is a 1961 abstract oil painting by the Spanish modern artist Joan Miró. The painting is the middle part of a triptych.  In this painting there are 3 main &#8230; <a href="http://kranidiotis.gr/musicon-blue-ii/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p><object id="MusIcon" width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="play" value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" /><param name="allowFullScreen" value="true" /><param name="src" value="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Joan Miro - Blue II/MusIcon.xml" /><param name="allowfullscreen" value="true" /><embed id="MusIcon" width="100%" height="410" type="application/x-shockwave-flash" src="/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Joan Miro - Blue II/MusIcon.xml" quality="high" play="true" loop="true" wmode="window" scale="showall" allowFullScreen="true" allowfullscreen="true" /></object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Use mouse wheel or double click to zoom in/out. For best experience click full screen.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<p style="text-align: justify;">&#8220;<em>Blue II</em>&#8221; by Joan Miro is the second MusIcon I composed.  &#8220;Blue II &#8221; is a 1961 abstract oil painting by the Spanish modern artist Joan Miró. The painting is the middle part of a triptych.  In this painting there are 3 main different music themes:<span id="more-947"></span></p>
<ol>
<li>
<div style="text-align: justify;">
<p><strong>The Red Stroke.</strong></p>
<div id="attachment_1072" class="wp-caption alignnone" style="width: 210px"><img class="wp-image-1072  " title="heatmap1" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap1.png" alt="Music heatmap for &quot;The Red Stroke&quot; music theme." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Red Stroke&quot; music theme.</p>
</div>
<p>Composed for solo cello, strings orchestra, various percussion instruments, trombones, tuba, vibraphone and celesta is the main theme of the MusIcon representing the red stroke of the painting.</p>
</div>
</li>
<li>
<div style="text-align: justify;">
<p><strong>The Black dots.</strong></p>
<table style="width: 100%;" border="0" align="center">
<tbody>
<tr>
<td>
<div id="attachment_1073" class="wp-caption alignnone" style="width: 210px"><img class="size-full wp-image-1073" title="heatmap2" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap2.png" alt="Music heatmap for &quot;The Black dots&quot; music theme." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Black dots&quot; music theme.</p>
</div>
</td>
<td></td>
<td>
<div id="attachment_1070" class="wp-caption alignnone" style="width: 210px"><img class="size-full wp-image-1070" title="heatmap5" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap5.png" alt="Music heatmap for &quot;The Black dots&quot; music theme." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Black dots&quot; music theme.</p>
</div>
</td>
</tr>
<tr>
<td>
<div id="attachment_1069" class="wp-caption alignnone" style="width: 210px"><img class="size-full wp-image-1069" title="heatmap4" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap4.png" alt="Music heatmap for &quot;The Black dots&quot; music theme." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Black dots&quot; music theme.</p>
</div>
</td>
<td></td>
<td>
<div id="attachment_1068" class="wp-caption alignnone" style="width: 210px"><img class="size-full wp-image-1068" title="heatmap3" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap3.png" alt="Music heatmap for &quot;The Black dots&quot; music theme." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Black dots&quot; music theme.</p>
</div>
</td>
</tr>
</tbody>
</table>
<p>Small group of notes or chords for harp. I used different heatmaps with smooth edges for blending all these sounds together.</p>
</div>
</li>
<li>
<div>
<p><strong>The Blue.</strong></p>
<div id="attachment_1071" class="wp-caption alignnone" style="width: 210px"><img class="size-full wp-image-1071" title="heatmap6" src="http://kranidiotis.gr/wp-content/uploads/2012/03/heatmap6.png" alt="Music heatmap for &quot;The Blue&quot; music." width="200" height="151" /></p>
<p class="wp-caption-text">Music heatmap for &quot;The Blue&quot; music.</p>
</div>
<p>Two trombones playing a C and a B flat note in the blue  areas of the painting.</p>
</div>
</li>
</ol>
<p>&nbsp;</p>
<p style="text-align: center;">&#8220;Blue II&#8221; is the center painting of a triptych.<br />
Below is photo from an exhibition at Tate Gallery with all 3 paintings.</p>
<div id="attachment_954" class="wp-caption aligncenter" style="width: 710px"><img class="size-full wp-image-954  " title="Joan Miró Blue I-II-III 1961" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Miro_4.jpg" alt="Joan Miró Blue I-II-III 1961" width="700" height="474" /></p>
<p class="wp-caption-text">Joan Miró&#39;s Blue I, II, III (1961) Centre Pompidou, Paris © Successió Miró/ADAGP, Paris and DACS, London 2011. Photograph: Andrew Dunkley/Tate Photography</p>
</div>
<h2 style="text-align: justify;">What is a MusIcon™?</h2>
<p style="text-align: justify;">MusIcon™ is a picture where you can move and listen to different music moments. There are various music sources that come from different points. If you want to read more about the creation and inspiration of MusIcon™ read <a title="What is a MusIcon™?" href="http://kranidiotis.gr/?p=1088">my post here</a>.</p>
<h2 style="text-align: justify;">NEW: Get it on your android phone!</h2>
<p>I created an android application so you can enjoy the MusIcon in your phone. Explore the painting with your finger or tap the magic wand and use the &#8220;Random Tour&#8221; while you are on the go with your earphones. You can download it from bellow:</p>
<div style="text-align: center; font-size: small;">
<table align="center">
<tbody>
<tr>
<td><img class="alignnone size-full wp-image-917" title="Android App" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Best-Android-Apps-List-of-50-Free-Android-Apps.png" alt="" width="100" height="100" /></td>
<td><iframe src="http://slideme.org/widgets/app/430925/mini_dark" frameborder="0" align="middle" width="320" height="100"></iframe></td>
</tr>
</tbody>
</table>
<p>Get the <a href="http://slideme.org/application/musicon-blue-ii" target="_blank">MusIcon &#8211; Blue II</a> Android app from <a href="http://slideme.org/">SlideME</a>.</p>
</div>
<h2 style="text-align: justify;">Share it!</h2>
<p style="text-align: justify;">If you want to post this MusIcon™ in you website or blog then use the following code:</p>
<pre class="snippet-code">&lt;iframe width="100%" height="410" src="http://kranidiotis.gr/MusIcons/MusIcon.swf?xmlURL=/MusIcons/Joan Miro - Blue II/MusIcon.xml" frameborder="0" allowfullscreen scrolling="no"&gt;&lt;/iframe&gt;</pre>
<p style="text-align: justify;"><em><span style="color: #ff0000;"><strong>Note:</strong></span> <strong>Copy &amp; paste the above code as html and not as text.</strong> <a href="http://www.microsoft.com/web/solutions/code-embed.aspx" target="_blank">Click here</a> for instructions for embedding code on sites powered by popular web apps such as WordPress, Joomla, Drupal, dotNetNuke, BlogEngine.NET and ScrewTurn Wiki.</em></p>
<h2>More info:</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li><a href="http://en.wikipedia.org/wiki/Bleu_II" target="_blank"><em>&#8220;Blue II</em>&#8220;</a> Wikipedia article about the painting.</li>
<li><a href="http://www.wikipaintings.org/en/joan-miro/blue-ii" target="_blank">&#8220;Blue II&#8221;</a> at WikiPaintings.</li>
<li><a href="http://en.wikipedia.org/wiki/Joan_Mir%C3%B3" target="_blank">Joan Miro</a> Wikipedia article.</li>
</ul>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-blue-ii/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MusIcon™ for android phones!</title>
		<link>http://kranidiotis.gr/musicon-for-android-phones/</link>
		<comments>http://kranidiotis.gr/musicon-for-android-phones/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 21:41:53 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=908</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

I am glad to announce that the  MusIcon™: “An Experiment on a Bird in the Air Pump” is now available as an android application. I created this app so you can enjoy the MusIcon in your phone.  Explore the painting with your finger or tap the ticket icon and use the &#8220;Random Tour&#8221; while you are on the go with your earphones.  You can download it from bellow: Get the MusIcon &#8211; Experiment on a Bird in the Air Pump Android app from &#8230; <a href="http://kranidiotis.gr/musicon-for-android-phones/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p>I am glad to announce that the  <a title="MusIcon™: “An Experiment on a Bird in the Air Pump”" href="http://kranidiotis.gr/?p=828">MusIcon™: “An Experiment on a Bird in the Air Pump”</a> is now available as an android application.</p>
<p style="text-align: justify;">I created this app so you can enjoy the MusIcon in your phone.  Explore the painting with your finger or tap the ticket icon and use the &#8220;Random Tour&#8221; while you are on the go with your earphones.  You can download it from bellow:</p>
<div style="text-align: center; font-size: small;">
<table align="center">
<tbody>
<tr>
<td><img class="alignnone size-full wp-image-917" title="Android App" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Best-Android-Apps-List-of-50-Free-Android-Apps.png" alt="" width="100" height="100" /></td>
<td><iframe src="http://slideme.org/widgets/app/382343/mini_dark" frameborder="0" align="middle" width="320" height="100"></iframe></td>
</tr>
</tbody>
</table>
<p>Get the <a href="http://slideme.org/application/musicon-experiment-bird-air-pump">MusIcon &#8211; Experiment on a Bird in the Air Pump</a> Android app from <a href="http://slideme.org/">SlideME</a>.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-for-android-phones/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MusIcon™ interface updated.</title>
		<link>http://kranidiotis.gr/musicon-interface-updated/</link>
		<comments>http://kranidiotis.gr/musicon-interface-updated/#comments</comments>
		<pubDate>Sat, 25 Feb 2012 15:43:29 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[Updates]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=902</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

I updated the MusIcon™ interface with some new features. Now you can use you mouse wheel or double click to zoom in/out the painting. This gives you one more level of freedom. Additional you can click the magic wand button for a random tour around the MusIcon™. Click here to try it!]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p>I updated the MusIcon™ interface with some new features. Now you can use you mouse wheel or double click to zoom in/out the painting. This gives you one more level of freedom. Additional you can click the magic wand button for a random tour around the MusIcon™. <a title="MusIcon™: “An Experiment on a Bird in the Air Pump”" href="http://kranidiotis.gr/?p=828">Click here to try it!</a></p>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-interface-updated/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MusIcon™: &#8220;An Experiment on a Bird in the Air Pump&#8221;</title>
		<link>http://kranidiotis.gr/musicon-an-experiment-on-a-bird-in-the-air-pump/</link>
		<comments>http://kranidiotis.gr/musicon-an-experiment-on-a-bird-in-the-air-pump/#comments</comments>
		<pubDate>Sun, 19 Feb 2012 15:48:24 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[MusIcon]]></category>
		<category><![CDATA["An Experiment on a Bird in the Air Pump"]]></category>
		<category><![CDATA[Joseph Wright of Derby]]></category>
		<category><![CDATA[painting]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=828</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

Hint: place your mouse over the picture and move it around. Use mouse wheel or double click to zoom in/out. For best experience click full screen. Click the bulb icon for a visual representation of the soundscape. &#8220;An Experiment on a Bird in the Air Pump&#8221; by Joseph Wright of Derby depicts a scientist performing an experiment in which a bird is deprived of air, before a varied group of onlookers. The bird will die if the demonstrator continues to deprive it of &#8230; <a href="http://kranidiotis.gr/musicon-an-experiment-on-a-bird-in-the-air-pump/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p><object id="MusIcon" width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="play" value="true" /><param name="loop" value="true" /><param name="wmode" value="window" /><param name="scale" value="showall" /><param name="allowFullScreen" value="true" /><param name="src" value="/wp-content/uploads/2012/02/MusIcon-An-Experiment-on-a-Bird-in-the-Air-Pump.swf" /><param name="allowfullscreen" value="true" /><embed id="MusIcon" width="100%" height="410" type="application/x-shockwave-flash" src="/wp-content/uploads/2012/02/MusIcon-An-Experiment-on-a-Bird-in-the-Air-Pump.swf" quality="high" play="true" loop="true" wmode="window" scale="showall" allowFullScreen="true" allowfullscreen="true" /></object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Use mouse wheel or double click to zoom in/out. For best experience click full screen.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<p style="text-align: justify;">&#8220;<em>An Experiment on a Bird in the Air Pump</em>&#8221; by Joseph Wright of Derby depicts a scientist performing an experiment in which a bird is deprived of air, before a varied group of onlookers. The bird will die if the demonstrator continues to deprive it of oxygen, and Wright leaves us in doubt as to whether or not the cockatoo will be reprieved.<sup>[1]</sup> In this painting there are 6 different music themes:<span id="more-828"></span></p>
<ol>
<li>
<div style="text-align: justify;"><strong>The Scientist.</strong><br />
A mysterious theme with repeating motivos representing the challenging look of the scientist as he is inviting us to participate/decide the faith of the bird.</div>
</li>
<li>
<div style="text-align: justify;"><strong>The Couple.</strong><br />
A romantic theme in 19 century style for piano. The couple is complete isolated from everything is happening in the room.</div>
</li>
<li>
<div style="text-align: justify;"><strong>The Girls and the Father.</strong><br />
A scary theme that has many things in common with the scientinst&#8217;s music.</div>
</li>
<li>
<div style="text-align: justify;"><strong>The Thinking Man.</strong><br />
A minimalistic theme for the thinking man who is watching the experiment with pure scientific interest.</div>
</li>
<li>
<div style="text-align: justify;"><strong>The Man with the Watch</strong>.<br />
A simple clock tick for the man who is timing the experiment.</div>
</li>
<li>
<div style="text-align: justify;"><strong>The Boy.</strong><br />
A mysterious boy. We do not know whether this boy is closing the curtains or has his hand on the cord that might release the cage to be used for the saved bird. Through the window we see a moon through clouds. Here I use a simplified version of the &#8221;Thinking Man&#8221; theme for organ.</div>
</li>
</ol>
<p style="text-align: justify;">I also added some ambient sounds. In this case is the sound of wooden floor squeaks, some  footsteps and bird&#8217;s flapping wings.</p>
<h2 style="text-align: justify;">What is a MusIcon™?</h2>
<p style="text-align: justify;">MusIcon™ is a picture where you can move and listen to different music moments. There are various music sources that come from different points. If you want to read more about the creation and inspiration of MusIcon™ read <a title="What is a MusIcon™?" href="http://kranidiotis.gr/?p=1088">my post here</a>.</p>
<h2 style="text-align: justify;">Background Information.</h2>
<p style="text-align: justify;">Music in its nature includes motion but most times it doesn&#8217;t interact with the listener.  So I designed a virtual 2D audio canvas where I placed a number of music sources in the space. Every source is like a small orchestra that plays a music relevant with the specific picture&#8217;s detail. Some of these music sources are musically related and some other are not. The listener can move around (using the mouse) and listen to different musical moments as he is the composer-mixer. The duration of the music of every source is different so there is no obvious restart point of the mix. Considering also the fact that the movement of every listener is also different, gives us unlimited musical moments. In other words, MusIcon™ is an image with an interactive soundscape.</p>
<p style="text-align: justify;">I chose the painting &#8220;<em>An Experiment on a Bird in the Air Pump</em>&#8221; by Joseph Wright of Derby and I started composing music for several details (the couple on the left,  the girls and the father or the central figure, the scientist). This painting depicts a scientist performing an experiment in which a bird is deprived of air, before a varied group of onlookers.</p>
<p style="text-align: justify;">The result is a music space which is always changing. I have the belief that the final result, the feeling of the viewer/listener, is similar to Cinemagraphs and gives the illusion of an eternal moment. All these musical moments, because they are constructed from the same sources, have similar qualities and characteristics and this creates the sense of a repetition.</p>
<h2 style="text-align: justify;">Inspiration.</h2>
<p style="text-align: justify;">A couple of months ago I visited Jamie Beck&#8217;s &#8220;<a href="http://fromme-toyou.tumblr.com/tagged/gif" target="_blank">From Me to You</a>&#8221; website where I discovered the magic of Cinemagraphs (Jamie Beck and Kevin Burg, creators of Cinemagraphs, define it as &#8220;[...] an image that contains within itself a living moment that allows a glimpse of time to be experienced and preserved endlessly&#8221;.) I was fascinated by the new dimension that Cinemagraphs give to photography by moving it one step ahead without removing the magic that still pictures have (like occasionally video does).  Although you know that this is a loop of some seconds, you can find yourself watching it for minutes. I was first thought to combine Cinemagraphs and music. Then I realized that Cinemagraphs were too distracting combining with music so I decided to use still images. This was the inspiration for creating MusIcon™.</p>
<h2 style="text-align: justify;">NEW: Get it on your android phone!</h2>
<p>I created an android application so you can enjoy the MusIcon in your phone. Explore the painting with your finger or tap the magic wand and use the &#8220;Random Tour&#8221; while you are on the go with your earphones. You can download it from bellow:</p>
<div style="text-align: center; font-size: small;">
<table align="center">
<tbody>
<tr>
<td><img class="alignnone size-full wp-image-917" title="Android App" src="http://kranidiotis.gr/wp-content/uploads/2012/03/Best-Android-Apps-List-of-50-Free-Android-Apps.png" alt="" width="100" height="100" /></td>
<td><iframe src="http://slideme.org/widgets/app/382343/mini_dark" frameborder="0" align="middle" width="320" height="100"></iframe></td>
</tr>
</tbody>
</table>
<p>Get the <a href="http://slideme.org/application/musicon-experiment-bird-air-pump">MusIcon &#8211; Experiment on a Bird in the Air Pump</a> Android app from <a href="http://slideme.org/">SlideME</a>.</p>
</div>
<h2 style="text-align: justify;">Share it!</h2>
<p style="text-align: justify;">If you want to post this MusIcon™ in you website or blog then use the following code:</p>
<pre class="snippet-code">&lt;iframe width="100%" height="410" src="http://kranidiotis.gr/show_swf.php?v=http://kranidiotis.gr/wp-content/uploads/2012/02/MusIcon-An-Experiment-on-a-Bird-in-the-Air-Pump.swf" frameborder="0" allowfullscreen scrolling="no"&gt;&lt;/iframe&gt;</pre>
<p style="text-align: justify;"><em><span style="color: #ff0000;"><strong>Note:</strong></span> <strong>Copy &amp; paste the above code as html and not as text.</strong> <a href="http://www.microsoft.com/web/solutions/code-embed.aspx" target="_blank">Click here</a> for instructions for embedding code on sites powered by popular web apps such as WordPress, Joomla, Drupal, dotNetNuke, BlogEngine.NET and ScrewTurn Wiki.</em></p>
<h2>More info:</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li><a href="http://en.wikipedia.org/wiki/An_Experiment_on_a_Bird_in_the_Air_Pump" target="_blank"><em>&#8220;An Experiment on a Bird in the Air Pump</em>&#8220;</a> Wikipedia article about the painting.</li>
<li><a href="http://www.nationalgallery.org.uk/paintings/joseph-wright-of-derby-an-experiment-on-a-bird-in-the-air-pump" target="_blank">Zoomable version of the painting</a> from the National Gallery, London.</li>
<li><em><a href="http://www.independent.co.uk/arts-entertainment/art/great-works/great-works-an-experiment-on-a-bird-in-the-air-pump-1768-183-x-244-cm-joseph-wright-of-derby-2369978.html" target="_blank">&#8220;Great Works: An Experiment on a Bird in the Air Pump, 1768 (183 x 244 cm), Joseph Wright of Derby&#8221;</a></em> The Independent article by Michael Glover.</li>
<li><a href="http://en.wikipedia.org/wiki/Joseph_Wright_of_Derby" target="_blank">Joseph Wright of Derby</a>  Wikipedia article.</li>
</ul>
</ul>
</div>
<h6>Notes:</h6>
<ol>
<li><a href="http://www.nationalgallery.org.uk/paintings/joseph-wright-of-derby-an-experiment-on-a-bird-in-the-air-pump" target="_blank">Painting description</a> from the National Gallery, London.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/musicon-an-experiment-on-a-bird-in-the-air-pump/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cinemagraphs™ with music</title>
		<link>http://kranidiotis.gr/cinemagraphs-with-music/</link>
		<comments>http://kranidiotis.gr/cinemagraphs-with-music/#comments</comments>
		<pubDate>Sun, 15 Jan 2012 17:43:10 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Cinemagraphs]]></category>
		<category><![CDATA[Jamie Beck]]></category>
		<category><![CDATA[Kevin Burg]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=745</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

A couple of months ago I visited Jamie Beck&#8217;s &#8220;From Me to You&#8221; website where I discovered the magic of Cinemagraphs™. I was fascinated by the new dimension that Cinemagraphs give to photography by moving it one step ahead without removing the magic that still pictures have (like occasionally video does .) Although you know that this is a loop of some seconds, you can find yourself watching it for minutes. If you don&#8217;t know what Cinemagraph is,  Jamie Beck &#8230; <a href="http://kranidiotis.gr/cinemagraphs-with-music/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p style="text-align: justify;">A couple of months ago I visited Jamie Beck&#8217;s &#8220;<a href="http://fromme-toyou.tumblr.com/tagged/gif" target="_blank">From Me to You</a>&#8221; website where I discovered the magic of Cinemagraphs™. I was fascinated by the new dimension that Cinemagraphs give to photography by moving it one step ahead without removing the magic that still pictures have (like occasionally video does .) Although you know that this is a loop of some seconds, you can find yourself watching it for minutes.</p>
<p style="text-align: justify;">If you don&#8217;t know what Cinemagraph is,  Jamie Beck and Kevin Burg, creators of Cinemagraphs, define it as &#8220;[...] an image that contains within itself a living moment that allows a glimpse of time to be experienced and preserved endlessly.&#8221;</p>
<p style="text-align: justify;">So I thought: &#8220;What if these images had music?&#8221; I was sure that a typical &#8220;background&#8221; music would be distractive from the concept of the Cinemagraphs. Music in its nature includes motion but most times it doesn&#8217;t interact with the listener.  So I designed a virtual 2D audio canvas where I placed a number of music sources in the space. Every source is like a small orchestra that plays a different music. Some are musically related and some other are not. The listener can move around (using the mouse) and listen to different musical moments as he is the composer-mixer. The duration of the music of every source is different so there is no obvious restart point of the mix. Considering also the fact that the movement of every listener is also different, gives us unlimited musical moments.</p>
<p style="text-align: justify;">How is this related with Cinemagraphs? A Cinemagraph is always the same. On the contrary my music space is always changing. I have the belief that the final result, the feeling of the viewer/listener, is similar. Cinemagraph gives the illusion of an eternal moment and so does the constantly changing music. All these musical moments, because they are constructed from the same sources, have similar qualities and characteristics and this creates the sense of a repetition.</p>
<p>Bellow you can find a Cinemagraph with music:</p>
<p><object width="100%" height="410" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="src" value="/wp-content/uploads/2012/01/Cinemagraphs-Tweed-v.4.swf" /><param name="pluginspage" value="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" /><param name="allowfullscreen" value="true" /><embed width="100%" height="410" type="application/x-shockwave-flash" src="/wp-content/uploads/2012/01/Cinemagraphs-Tweed-v.4.swf" quality="high" wmode="transparent" allowFullScreen="true" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" allowfullscreen="true" /> </object></p>
<p style="text-align: center;"><em><strong>Hint:</strong> place your mouse over the picture and move it around.<br />
Click the bulb icon for a visual representation of the soundscape.</em></p>
<h2 style="text-align: justify;">More info about Cinemagraphs™</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li><a href="http://cinemagraphs.com/" target="_blank">Cinemagraphs.com</a> - Jamie Beck and Kevin Burg official Cinemagraph website.</li>
<li><a href="http://fromme-toyou.tumblr.com/tagged/gif" target="_blank">From me to you</a> &#8211; Jamie Beck&#8217;s blog with frequent Cinemagraphs updates.</li>
<li><a href="http://en.wikipedia.org/wiki/Cinemagraph" target="_blank">Wikipedia </a>article about Cinemagraphs.</li>
</ul>
</ul>
</div>
<p><script type="text/javascript">
<!--
window.location = "?p=828"
//-->
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/cinemagraphs-with-music/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Merry Christmas with &#8220;Kallikantzaroi&#8221;</title>
		<link>http://kranidiotis.gr/merry-christmas-with-kallikantzaroi/</link>
		<comments>http://kranidiotis.gr/merry-christmas-with-kallikantzaroi/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 16:06:52 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=716</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

I wish you all Merry Christmas with &#8220;Kallikantzaroi&#8220;! I wrote &#8220;Kallikantzaroi&#8221; back in 2005. I was planning to compose something new for this Christmas but since this is still uncertain let&#8217;s stay with something for the past. &#8221;Kallikantzaroi&#8221; was first written for piano and then I thought that it would be nice to orchestrate it. Here is the orchestrate version: What is &#8220;Kallikantzaroi&#8221;? From Wikipedia: Kallikantzaroi is a malevolent goblin in Greek folk tradition. They dwell underground but come to the surface during the &#8230; <a href="http://kranidiotis.gr/merry-christmas-with-kallikantzaroi/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p>I wish you all Merry Christmas with &#8220;<strong>Kallikantzaroi</strong>&#8220;!</p>
<p>I wrote &#8220;Kallikantzaroi&#8221; back in 2005. I was planning to compose something new for this Christmas but since this is still uncertain let&#8217;s stay with something for the past. &#8221;Kallikantzaroi&#8221; was first written for piano and then I thought that it would be nice to orchestrate it. Here is the orchestrate version:</p>
<p><object height="81" width="100%"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F30314367&amp;g=1&amp;auto_play=false&amp;show_comments=true&amp;color=0099FF"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F30314367&amp;g=1&amp;auto_play=false&amp;show_comments=true&amp;color=0099FF" type="application/x-shockwave-flash" width="100%"></embed></object></p>
<p><span id="more-716"></span></p>
<h2>What is &#8220;Kallikantzaroi&#8221;?</h2>
<p style="text-align: justify;"><em><img class="alignleft size-medium wp-image-719" title="Kalikantzaroi_02" src="http://kranidiotis.gr/wp-content/uploads/2011/12/Kalikantzaroi_02-168x300.jpg" alt="" width="168" height="300" /><strong>From Wikipedia:</strong> Kallikantzaroi</em> is a malevolent goblin in Greek folk tradition. They dwell underground but come to the surface during the twelve days of Christmas, from 25 December to 6 January (from the winter solstice for a fortnight during which time the sun ceases its seasonal movement).</p>
<p style="text-align: justify;">It is believed that Kallikantzaroi stay underground sawing the World tree, so that it will collapse, along with Earth.</p>
<p style="text-align: justify;"><a title="Wikipedia article" href="http://en.wikipedia.org/wiki/Kallikantzaros" target="_blank">Read Wikipedia article&gt;</a></p>
<p> <img class="alignright size-medium wp-image-718" title="0004_1~1" src="http://kranidiotis.gr/wp-content/uploads/2011/12/0004_11-300x241.jpg" alt="" width="300" height="241" /></p>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/merry-christmas-with-kallikantzaroi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Paint it black&#8221; reOrchestrated.</title>
		<link>http://kranidiotis.gr/paint-it-black-reorchestrated/</link>
		<comments>http://kranidiotis.gr/paint-it-black-reorchestrated/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 13:27:29 +0000</pubDate>
		<dc:creator>Yiannis</dc:creator>
				<category><![CDATA[Experiments]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[reOrchestration]]></category>
		<category><![CDATA[Rolling Stones]]></category>

		<guid isPermaLink="false">http://kranidiotis.gr/?p=669</guid>
		<description><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

&#8220;Paint it black&#8221; by Rolling Stones is a song that I really love. I was looking for a descend acapella version of Mick Jagger voice for a long time without any success. Finally, I decided to use a cover acapella version that I believe it worked quite well. So, here is &#8220;Paint it black&#8221; reOrchestrated. Some notes about the &#8220;orchestration: For this orchestration I used a mid size orchestra and a SATB choir. The song follows the verse-chorus form and &#8230; <a href="http://kranidiotis.gr/paint-it-black-reorchestrated/" >&#8594;</a>]]></description>
			<content:encoded><![CDATA[


<script language="Javascript">	
	//DD_roundies.addRule('div.arrondi', '15px');
	jQuery.fn.jmp3 = function(passedOptions){
		// hard-wired options
		var playerpath = "http://kranidiotis.gr/wp-content/plugins/cispm-portfolio/";			// SET THIS FIRST: path to singlemp3player.swf

		// passable options
		var options = {
			"filepath": "",			// path to MP3 file (default: current directory)
			"backcolor": "",									// background color
			"forecolor": "",								// foreground color (buttons)
			"width": 20,										// width of player
			"repeat": "no",										// repeat mp3?
			"volume": "",										// mp3 volume (0-100)
			"autoplay": "false",								// play immediately on page load?
			"showdownload": "false",								// show download button in player
			"showfilename": "false"								// show .mp3 filename after player
		};
		
		// use passed options, if they exist
		if (passedOptions) {
			jQuery.extend(options, passedOptions);
		}
		
		// iterate through each object
		return this.each(function(){
			// filename needs to be enclosed in tag (e.g. <span class='mp3'>mysong.mp3</span>)
			var filename = options.filepath + jQuery(this).html();
			//alert(filename);
			// do nothing if not an .mp3 file
			var validfilename = filename.indexOf(".mp3");
			if (validfilename == -1) { return false; }
			// build the player HTML
			var mp3html = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" ';
			mp3html += 'width="' + options.width + '" height="20" ';
			mp3html += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';
			mp3html += '<param name="movie" value="' + playerpath + 'singlemp3player.swf?';
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" />';
			mp3html += '<param name="wmode" value="transparent" />';
			mp3html += '<embed wmode="transparent" width="' + options.width + '" height="20" ';
			mp3html += 'src="' + playerpath + 'singlemp3player.swf?'
			mp3html += 'showDownload=' + options.showdownload + '&file=' + filename + '&autoStart=' + options.autoplay;
			mp3html += '&backColor=' + options.backcolor + '&frontColor=' + options.forecolor;
			mp3html += '&repeatPlay=' + options.repeat + '&songVolume=' + options.volume + '" ';
			mp3html += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			mp3html += '</object>';
			// don't display filename if option is set
			if (options.showfilename == "false") { jQuery(this).html(""); }
			jQuery(this).prepend(mp3html+"&nbsp;");
			
			// Eolas workaround for IE (Thanks Kurt!)
			if(jQuery.browser.msie){ this.outerHTML = this.outerHTML; }
		});
	};
	
	jQuery(document).ready(function($){
		$("#cispm-tabs").tabs({
					});
			
		nb_web = $("#cispm_web_nb_jquery").val();
		if(nb_web == "") {
			nb_web = 0;
		}
	
		for(i=1;i<=nb_web;i++) {
			variable_web = "#cispm_web_lien_jquery"+i;
			
			$(variable_web).fancybox({
				'width'				: '%',
				'height'			: '%',
				'autoScale'			: false,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'type'				: 'iframe',
				'titlePosition'		: ''
			});	
		}
		
		nb_mus = $("#cispm_mus_nb_jquery").val();
		if(nb_mus == "") {
			nb_mus = 0;
		}
	
		for(i=1;i<=nb_mus;i++) {
			variable_mus = "#cispm_mus_lien_jquery2"+i;

			$(variable_mus).fancybox({
				'titlePosition'		: '',
				'transitionIn'		: '',
				'transitionOut'		: ''
			});	
			
			variable_mus2 = "#cispm_mus_lien_player"+i;

			$(variable_mus2).jmp3();
		}

		nb_img = $("#cispm_img_nb_jquery").val();
		if(nb_img == "") {
			nb_img = 0;
		}
		
		for(i=1;i<=nb_img;i++) {
			variable_img = "a#cispm_img_lien_jquery"+i;
			
			$(variable_img).fancybox({
				'titleShow'		: true,
				'transitionIn'		: '',
				'transitionOut'		: '',
				'titlePosition'		: ''
			});
		}

		$("a#cispm-tip4").click(function() {
			$.fancybox({
					'padding'		: 0,
					'autoScale'		: false,
					'transitionIn'	: '',
					'transitionOut'	: '',
					'title'			: this.title,
					'width'			: 300,
					'height'		: 300,
					'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
					'type'			: 'swf',
					'swf'			: {
						 'wmode'		: 'transparent',
						'allowfullscreen'	: 'true'
					}
			});
			return false;
		});
	});
</script>

<style>
	<!--
	
	#cispm-tabs-1 {

	}
	
	.ui-widget-header {
		background-color:#;
		border:1px solid #;
		color:#444444;
		font-weight:bold;
	}
	
	.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
		color:yellow;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color:#;
	}
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{
		background:#;
		border: 1px solid #;
	}
	
	#table_onglet1 {
		
	}
	
	#table_onglet2 {
	
	}
	
	#cispm-tabs ul {
		list-style-type: inherit;
		text-indent:0px;
	}
	
	h3 .titre_cispm {
		padding: 0;
		margin: 0;
	}
	
	#cispm-tabs ul li, #cispm-tabs ol li {
		list-style-position:inside;
		padding-left:10px;
	}
	
	#table_onglet2 tr td {
		border:none;
	}
	
	#table_onglet2 {
		border:none;
	}
	-->
</style>

<p>&#8220;Paint it black&#8221; by Rolling Stones is a song that I really love. I was looking for a descend acapella version of Mick Jagger voice for a long time without any success. Finally, I decided to use a cover acapella version that I believe it worked quite well.</p>
<p>So, here is &#8220;Paint it black&#8221; reOrchestrated.</p>
<p><object height="81" width="100%"><param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F27735083&amp;g=1&amp;auto_play=false&amp;show_comments=true&amp;color=0099FF"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F27735083&amp;g=1&amp;auto_play=false&amp;show_comments=true&amp;color=0099FF" type="application/x-shockwave-flash" width="100%"></embed></object><br />
<span id="more-669"></span></p>
<h4>Some notes about the &#8220;orchestration:</h4>
<p>For this orchestration I used a mid size orchestra and a SATB choir. The song follows the verse-chorus form and I kept it that way. I orchestrate the the verse in a different way for every repetition (I think that the verse is the most interesting part of this song) and the chorus with only one orchestration repeating the same every time. This creates a monotonic fealing that also derives from the mood  and the lyrics of the song.</p>
<div class="su-box" >
<div class="su-box-title" style="background-color:#000000; text-shadow:1px 1px 0 #000000">&#8216;Paint it Black&#8217; Lyrics</div>
<div class="su-box-content">
<p style="text-align: center;"><strong>Writers: Jagger/Richards</strong></p>
<p style="text-align: center;">I see a red door and I want it painted black<br />
No colors anymore I want them to turn black<br />
I see the girls walk by dressed in their summer clothes<br />
I have to turn my head until my darkness goes</p>
<p style="text-align: center;">I see a line of cars and they&#8217;re all painted black<br />
With flowers and my love, both never to come back<br />
I see people turn their heads and quickly look away<br />
Like a newborn baby it just happens ev&#8217;ryday</p>
<p style="text-align: center;">No more will my green sea go turn a deeper blue<br />
I could not forsee this thing happening to you<br />
If I look hard enough into the setting sun<br />
My love will laugh with me before the morning comes</p>
<p style="text-align: center;">I look inside myself and see my heart is black<br />
I see my red door and it has been painted black<br />
Maybe then I&#8217;ll fade away and not have to face the facts<br />
It&#8217;s not easy facing up when your whole world is black</p>
<p style="text-align: center;">I see a red door and I want it painted black<br />
No colors anymore I want them to turn black<br />
I see the girls walk by dressed in their summer clothes<br />
I have to turn my head until my darkness goes</p>
<p style="text-align: center;">Hmm, hmm, hmm&#8230;</p>
<p style="text-align: center;">I wanna see it painted black, painted black<br />
Black as night, black as coal<br />
I wanna see the sun, blotted out from the sky<br />
I wanna see it painted, painted, painted, painted black<br />
Yeah</p>
<p style="text-align: center;">Hmm, hmm, hmm&#8230;</p>
</div>
</div>
<h2>Interesting links about &#8220;Paint it Black&#8221;</h2>
<div class="su-list su-list-style-star">
<ul>
<ul>
<li>Listen to the original version of the song: <a href="http://www.youtube.com/watch?v=9Egt1Hq4wpE" target="_blank">http://www.youtube.com/watch?v=9Egt1Hq4wpE</a></li>
<li><a href="http://en.wikipedia.org/wiki/Paint_It,_Black" target="_blank">&#8220;Paint it black&#8221;</a> &#8211; Wikipedia article.</li>
</ul>
</ul>
</div>
<p><iframe src="http://www.youtube.com/embed/O-W-qAf9ikM?rel=0" frameborder="0" width="100%" height="360"></iframe></p>
<p><iframe src="http://player.vimeo.com/video/31953943?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="100%" height="225"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://kranidiotis.gr/paint-it-black-reorchestrated/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

