<?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>Kolor - Logiciel d&#039;assemblage photo panoramique et de création de visites virtuelles &#187; vidéo 360</title>
	<atom:link href="http://www.kolor.com/blog-fr/tag/video-360/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.kolor.com/blog-fr</link>
	<description></description>
	<lastBuildDate>Fri, 17 May 2013 14:18:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Présentation de Kolor Eyes, un lecteur de video 360° basé sur HTML5/WebGL par Yann Gilquin, développeur</title>
		<link>http://www.kolor.com/blog-fr/2011/04/06/presentation-de-kolor-eyes-un-visionneur-de-video-360%c2%b0-base-sur-html5webgl-par-yann-gilquin-developpeur/</link>
		<comments>http://www.kolor.com/blog-fr/2011/04/06/presentation-de-kolor-eyes-un-visionneur-de-video-360%c2%b0-base-sur-html5webgl-par-yann-gilquin-developpeur/#comments</comments>
		<pubDate>Wed, 06 Apr 2011 09:10:59 +0000</pubDate>
		<dc:creator>Rami</dc:creator>
				<category><![CDATA[Labs]]></category>
		<category><![CDATA[vidéo 360]]></category>

		<guid isPermaLink="false">http://www.kolor.com/blog-fr/?p=298</guid>
		<description><![CDATA[<table border="0">
<tbody>
<tr>
<td><img style="display: block; width: 230px; height: 140px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/overview.jpg" alt="KolorEyes overview" /></td>
<td valign="top"><strong>Kolor Eyes video player</strong> est un lecteur de contenu vidéo intégrable dans des pages web proposant au spectateur de <em>s'immerger dans la scène</em> pendant la diffusion. Les vidéos sont au format sphérique et sont composées d'images englobant des angles de champ de 360×180°. Le spectateur peut tourner dans toutes les directions et zoomer afin de trouver les angles de vue qui l'intéressent. </td></tr></table>]]></description>
			<content:encoded><![CDATA[<p><img style="display: block; width: 640px; height: 480px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/overview.jpg" alt="KolorEyes overview" /><strong>Kolor Eyes video player</strong> est un lecteur de contenu vidéo intégrable dans des pages web proposant au spectateur de <em>s&#8217;immerger dans la scène</em> pendant la diffusion. Les vidéos sont au format sphérique et sont composées d&#8217;images englobant des angles de champ de 360×180°. Le spectateur peut tourner dans toutes les directions et zoomer afin de trouver les angles de vue qui l&#8217;intéressent. <strong>Kolor Eyes video player</strong> apporte une nouvelle façon de regarder du contenu vidéo. Il est désormais possible de choisir quelle partie de l&#8217;action regarder.<br />
<span style="color: #ff6600;"><strong><em>Version live et démo en ligne</em></strong></span></p>
<p>La version en ligne est essayable <a title="try Kolor Eyes now" href="http://www.kolor.com/eyes">ici</a>.</p>
<p>Voici une vidéo de démonstration de Kolor Eyes. <em>Pensez à activer les commentaires (bouton CC) pour avoir les explications durant la lecture.</em></p>
<p><span style="color: #ff6600;"><strong><em>Technologies utilisées par Kolor Eyes</em></strong></span></p>
<p><strong>Kolor Eyes video player</strong> repose sur 2 technologies majeures de l&#8217;Internet de demain:</p>
<ul>
<li> <span style="color: #ff6600;"><strong><em>HTML5</em></strong></span>La vidéo est diffusée par le navigateur dans une balise &lt;video&gt; faisant partie de la norme HTML5. Le décodage est assuré par le navigateur, sans avoir recours à aucun plug-in additionnel.</li>
<li> <span style="color: #ff6600;"><strong><em>WebGL</em></strong></span>La vue est assurée par un élement &lt;canvas&gt; 3D WebGL. Cette technologie standardisée par le <a href="http://www.khronos.org/webgl">Khronos Group</a> est une implémentation au sein même du navigateur de fonctionnalités graphiques 3D avancées permettant à la page web d&#8217;afficher des données visuelles en bénéficiant de la puissance de la carte graphique.</li>
</ul>
<p><span style="color: #ff6600;"><strong><em>Pas besoin de plugin additionnel</em></strong></span></p>
<p>Ce sont les navigateurs qui implémentent ces technologies. Toutefois, tous les navigateurs leaders sur le marché ne les proposent pas encore. On peut citer Firefox 4.0 ou encore Chrome 10 comme références les proposant et donnant les meilleurs expériences utilisateurs avec <strong>Kolor Eyes video player</strong>. Le Khronos Group maintient une <a href="http://www.khronos.org/webgl/wiki/Getting_a_WebGL_Implementation">page web</a> listant les différents navigateurs sur chaque plateforme donnant accès aux fonctionnalités WebGL.</p>
<p><span style="color: #ff6600;"><strong><em>Haut niveau d&#8217;intégration</em></strong></span></p>
<p>Contrairement aux technologies propriétaires déployées jusqu&#8217;à aujourd&#8217;hui, les <strong>technologies standards</strong> utilisées par <strong>Kolor Eyes video player</strong> offrent un haut niveau d&#8217;intégration. Le code du lecteur est exécuté par le navigateur de la même façon que toutes les autres parties de la page web, rendant les interactions entre les deux directes, et offrant de nouvelles possibilités en terme de fonctionnalités. La prise de photographie instantanée est un exemple illustrant ce propos.</p>
<p><img style="display: block; width: 700px; height: 600px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/snapshot.png" alt="Snapshot" /></p>
<p><span style="color: #ff6600;"><strong><em>Quelles sont les fonctionnalités de Kolor Eyes</em></strong></span><br />
<span style="color: #ff6600;"><strong><em>Player de vidéo</em></strong></span></p>
<p><strong>Kolor Eyes video player</strong> est un lecteur de contenu vidéo. Il propose toutes les fonctionnalités standards: contrôles de la diffusion et du volume audio, préchargement, sélection de la qualité du flux vidéo, liste de lecture, affichage en mode fenêtre réduite ou pleine. L&#8217;accès au plein écran doit être activé par l&#8217;utilisateur. Des fonctionnalités supplémentaires peuvent être développées, la version 1.0 propose, à titre d&#8217;exemple, un mode de capture d&#8217;écran permettant de sauver une vue donnée et de la partager. <strong>Kolor Eyes video player</strong> dispose également d&#8217;une fonctionnalité d&#8217;autorotation de la caméra.</p>
<p><img style="display: block; width: 506px; height: 94px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/player-controls.png" alt="Player controls" /></p>
<p><span style="color: #ff6600;"><strong><em>Contrôles</em></strong></span></p>
<table style="color: #999999; font-size: 1em; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;">
<tbody>
<tr>
<td>Différents contrôles sont accessibles depuis des menus déroulants, permettant de régler des paramètres de la vue et de la caméra. La <em>distance de projection</em> peut être utilisée dans les modes <em>pannini</em> et <em>little planet</em> pour faire varier la distance du plan de projection.</td>
<td rowspan="4"><img style="display: block; width: 264px; height: 513px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/view-controls.png" alt="View controls" /></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>La caméra propose également de nombreux réglages donnant au spectateur la possibilité de personnaliser son expérience. On peut citer la vitesse de zoom et la vitesse de déplacement de la caméra quantifiant l&#8217;impact des actions respectivement de zoom et de mouvement. La caméra possède un ressort restituant une impression naturelle lors des déplacements. Deux réglages importants du ressort sont disponibles: la dureté (harshness) et l&#8217;amortissement (damping) du mouvement. Il est également possible de régler la vitesse d&#8217;autorotation de la caméra, exprimée en degrées par seconde, et dont les valeurs peuvent être positives pour une rotation vers la droite, ou négative pour une rotation vers la gauche.</td>
</tr>
<tr>
<td>Tous ces contrôles sont régroupés au sein de <strong>presets</strong> que <strong>Kolor Eyes video player</strong> charge au changement de mode de projection afin de proposer au spectateur les réglages donnant la vue la plus adaptée.</td>
</tr>
</tbody>
</table>
<p><span style="color: #ff6600;"><strong><em>Projections</em></strong></span><br />
<strong>Kolor Eyes video player</strong> propose également de choisir le mode de projection. Comme tous les contrôles, celui-ci est changeable à tout moment pendant la diffusion. Le calcul des projections assure une précision au pixel près, ainsi aucune déformation n&#8217;est à déplorer dans certaines zones de l&#8217;image. 6 modes sont aujourd&#8217;hui proposés.</p>
<table style="width: 500px; margin: auto; border: 1px solid #ffffff; color: #999999; font-size: 1em; font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;" cellspacing="5" cellpadding="5">
<tbody>
<tr class="itemtitle">
<td style="border: 1px #fff solid;" colspan="2"><strong>Orthographic</strong></td>
</tr>
<tr>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-orthographic.png" alt="Projection orthographic" /></td>
<td style="text-align: left;">Cette projection affiche à l&#8217;écran la vidéo sphérique mise à plat. On peut observer la totalité de la texture, soit des angles de champ de 360×180°.</td>
</tr>
<tr>
<td style="border: 1px #fff solid;" colspan="2"><strong>Rectilinear</strong></td>
</tr>
<tr>
<td style="text-align: right;">Cette projection est une lentille standard. C&#8217;est le mode par défaut.</td>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-rectilinear.png" alt="Projection rectilinear" /></td>
</tr>
<tr>
<td style="border: 1px #fff solid;" colspan="2"><strong>Pannini</strong></td>
</tr>
<tr>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-pannini.png" alt="Projection pannini" /></td>
<td style="text-align: left;">Pannini est une projection offrant la possibilité d&#8217;afficher de grands angles de champ sans toutefois déformer les lignes droites et ainsi conserver la perspective.</td>
</tr>
<tr>
<td style="border: 1px #fff solid;" colspan="2"><strong>Little planet</strong></td>
</tr>
<tr>
<td style="text-align: right;">Aussi appelée projection polaire, la vidéo est enroulée autour d&#8217;une petite sphère.</td>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-littleplanet.png" alt="Projection little planet" /></td>
</tr>
<tr>
<td style="border: 1px #fff solid;" colspan="2"><strong>Fisheye</strong></td>
</tr>
<tr>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-fisheye.png" alt="Projection fisheye" /></td>
<td style="text-align: left;">Cette projection est une lentille fisheye de 180°.</td>
</tr>
<tr>
<td style="border: 1px #fff solid;" colspan="2"><strong>Mirror ball</strong></td>
</tr>
<tr>
<td style="text-align: right;">Vous auriez cette vue en regardant dans une sphère parfaitement réfléchissante.</td>
<td><img style="display: block; width: 250px; height: 263px; margin: auto;" src="http://www.kolor.com/blog-fr/wp-content/uploads/2011/04/projection-mirrorball.png" alt="Projection mirror ball" /></td>
</tr>
</tbody>
</table>
<p><span style="color: #ff6600;"><strong><em>Plus d&#8217;informations</em></strong></span><br />
<strong>Kolor Eyes video player</strong> n&#8217;est pour l&#8217;instant qu&#8217;une démonstration technologique encore en cours d&#8217;évolution. Si vous êtes intéressé par cette technologie, par un futur produit, ou pour avoir d&#8217;autres informations sur cette technologie, il suffit de nous contacter directement sur le formulaire suivant</p>
]]></content:encoded>
			<wfw:commentRss>http://www.kolor.com/blog-fr/2011/04/06/presentation-de-kolor-eyes-un-visionneur-de-video-360%c2%b0-base-sur-html5webgl-par-yann-gilquin-developpeur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
