<?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>jblog &#187; Multimedia</title>
	<atom:link href="http://jblog.it/category/multimedia/feed" rel="self" type="application/rss+xml" />
	<link>http://jblog.it</link>
	<description>News e appunti per webmaster</description>
	<lastBuildDate>Tue, 25 May 2010 16:16:12 +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>Steve Jobs, Adobe Flash e HTML5</title>
		<link>http://jblog.it/2010/05/03/steve-jobs-adobe-flash-e-html5_851.html</link>
		<comments>http://jblog.it/2010/05/03/steve-jobs-adobe-flash-e-html5_851.html#comments</comments>
		<pubDate>Mon, 03 May 2010 05:00:52 +0000</pubDate>
		<dc:creator>Giacomo</dc:creator>
				<category><![CDATA[Grafica]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://jblog.it/?p=851</guid>
		<description><![CDATA[Fra le news di Apple.com è stato pubblicato un articolo in cui Steve Jobs, dopo una lunga argomentazione, spiega i motivi per cui i dispositivi Apple non saranno dotati della tecnologia Adobe Flash.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-859" title="steve jobs, adobe flash, html5" src="http://jblog.it/wp-content/uploads/2010/05/2383695697_78c257f25c_3b-copia.jpg" alt="2383695697 78c257f25c 3b copia Steve Jobs, Adobe Flash e HTML5" width="540" height="187" /><br />
<small>Photo by ex.libris | <a href="http://www.flickr.com/photos/exlibris/2383695697/" target="_blank">http://www.flickr.com/photos/exlibris/2383695697/</a></small></p>
<p>Come sempre le dichiarazioni di <strong>Steve Jobs</strong> hanno fatto tanto parlare, bloggare e twittare.</p>
<p>Fra le news di Apple.com è stato pubblicato <a title="Thoughts on flash" href="http://www.apple.com/hotnews/thoughts-on-flash/" target="_blank">un articolo</a> in cui Steve Jobs, <strong>dopo una lunga argomentazione</strong>, spiega i motivi per cui i dispositivi Apple non saranno dotati della tecnologia Adobe Flash:</p>
<blockquote><p>Flash was created during the PC era – for PCs and mice. Flash is a successful business for Adobe, and we can understand why they want to push it beyond PCs. But the mobile era is about low power devices, touch interfaces and open web standards – all areas where Flash falls short.</p></blockquote>
<p><span id="more-851"></span></p>
<blockquote><p>The avalanche of media outlets offering their content for Apple’s mobile devices demonstrates that Flash is no longer necessary to watch video or consume any kind of web content. And the 200,000 apps on Apple’s App Store proves that Flash isn’t necessary for tens of thousands of developers to create graphically rich applications, including games.</p></blockquote>
<blockquote><p>New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.</p></blockquote>
<p><!--adv300--></p>
<p>Il succo è questo:</p>
<ul>
<li>Flash è nato negli anni dei personal computer, intesi come &#8220;display + case + mouse + tastiera&#8221;</li>
<li>le funzionalità dei dispositivi Apple e delle centinaia di migliaia di  &#8220;apps&#8221; dimostrano che Flash non è indispensabile per raggiungere  determinati livelli di grafica e multimedialità</li>
<li><strong>questi sono gli anni dei dispositivi mobili</strong>, cioé dei dispositivi a basso consumo, touch screen, e che utilizzano gli standard web &#8220;aperti&#8221;, campi in cui Flash sembra essere inadatto e un po&#8217; arretrato</li>
</ul>
<p>Infine, Jobs conclude dicendo che <em>Adobe dovrebbe concentrarsi nel creare strumenti che sfruttino le potenzialità di HTML5</em>.</p>
<p>Partendo dal fatto che non sono un fanatico Apple, che ho solo un iPod (della prima generazione! <img src='http://jblog.it/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' title="Steve Jobs, Adobe Flash e HTML5" /> ), e che non ho nulla contro Adobe&#8230; <strong>secondo me, Steve Jobs ha ragione! E anche Microsoft la pensa così.<br />
</strong></p>
<h2>Audio e Video player</h2>
<p>Prima che i multimedia player venissero implementati con Flash, si faceva largo uso di <strong>Real Player</strong> e <strong>Windows Media</strong>. Funzionavano. Ma quanto tempo si perdeva a scaricare e installare i plugin e gli ActiveX!?</p>
<p>Se andava tutto liscio, in pochi minuti era tutto pronto; se per qualche strano motivo il browser o il sistema operativo non erano compatibili si rischiava di perdere delle ore fra riavvii, download e installazioni.</p>
<p><strong>Poi è arrivato Flash</strong> con un plugin di gran lunga più leggero, semplice e immediato nell&#8217;installazione.</p>
<p>La prima volta che ho visto un video player realizzato con Flash è stato su <strong>YouTube </strong>(probabilmente uno dei primi siti con un video player Flash) il cui successo, secondo me, è dovuto anche ai vantaggi del plugin di Flash.</p>
<p><strong>Gestire audio e video con Flash</strong> significa programmare in ActionScript un player che gestisca lo streaming e che permetta le operazioni più comuni (es. play, stop, volume). Oppure, se si prende la via più facile, si cerca un player realizzato da altri, si impara e si inserisce nella pagina.</p>
<p><strong>Gestire audio e video con Html5</strong> significa inserire nella pagina i tag <code>&lt;audio&gt;</code> e <code>&lt;video&gt;</code> (proprio come si fa per le immagini con il tag <code>&lt;img /&gt;</code>), segnalare al tag il file da riprodurre e basta! Queste sono le <strong>operazioni minime</strong> per riprodurre un file multimediale. Un player più complesso lo si può sempre realizzare con un po&#8217; di html, css e javascript.</p>
<p>Senza sprecare ulteriori parole, <strong>ecco cosa può fare l&#8217;HTML5</strong>:</p>
<ul>
<li>7 stupendi e funzionanti video player | <a href="http://speckyboy.com/2010/04/23/html5-video-libraries-toolkits-and-players/" target="_blank">http://speckyboy.com/2010/04/23&#8230;</a></li>
<li>Javascript Audio Interface | <a href="http://hyper-metrix.com/misc/jai/" target="_blank">http://hyper-metrix.com/misc/jai/</a></li>
<li>jPlayer, plugin jquery per la gestione di file audio| <a href="http://www.happyworm.com/jquery/jplayer/" target="_blank">http://www.happyworm&#8230;</a></li>
</ul>
<h2>Grafica e animazioni</h2>
<p>Flash ha il merito di aver introdotto molti ottimi strumenti che hanno permesso di realizzare <strong>siti graficamente complessi e ricchi di animazioni</strong>, mantenendo comunque una certa efficienza. Fra gli svantaggi c&#8217;era ancora la necessità del plugin e l&#8217;acquisto del software, però i risultati ottenuti erano sorprendenti.</p>
<p>Tuttavia <strong>javascript</strong>, grazie ai miglioramenti e alla maggiore compatibilità con i vari browser, ha iniziato ad essere sempre più utilizzato per ottenere le piccole interattività della pagina (es. tooltips, ridimensionamenti, validazione form).</p>
<p>Attualmente nel campo della grafica web e delle animazioni non si può dire che Flash sia obsoleto. Ci sono però delle animazioni realizzate con <strong>javascript e canvas</strong> che ti lascererebbero a bocca aperta! <img src='http://jblog.it/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' title="Steve Jobs, Adobe Flash e HTML5" /> </p>
<p>Se non ci credi dai uno sguardo a <a title="Chrome Experiments" href="http://www.chromeexperiments.com/" target="_blank">Chrome Experiments</a>: animazioni bellissime e complesse realizzate interamente con javascript e canvas.</p>
<h2>I nuovi tag HTML5 per il multimedia</h2>
<p>Come <em><strong>utenti </strong></em>e come <em><strong>web designer</strong></em>, il fatto di aver bisogno di plugin e ActiveX per far funzionare correttamente un sito o un&#8217;applicazione web è qualcosa di estremamente fastidioso e limitante.</p>
<p>Infatti, il <strong>maggior vantaggio dell&#8217;HTML5</strong> consiste proprio nella gestione di contenuti grafici e multimediali <strong>senza installare componenti aggiuntivi</strong>. In fondo era quello che volevamo, giusto?!</p>
<p>A questo proposito, ecco i <strong>nuovi tag HTML5</strong> per la gestione della grafica e dei contenuti multimediali:</p>
<p><code><strong>&lt;audio&gt;</strong></code>, gestisce i flussi audio (anche in streaming).</p>
<p><code><strong>&lt;canvas&gt;</strong></code>, contenitore per grafica creata con appositi script.</p>
<p><code><strong>&lt;source&gt;</strong></code>, tag generico per sorgenti multimediali di vario tipo (funziona come i tag <code>&lt;audio&gt;</code> e <code>&lt;video&gt;</code>).</p>
<p><code><strong>&lt;video&gt;</strong></code>, gestisce i flussi video (anche in streaming).</p>
<h3>Documentazioni utili</h3>
<ul>
<li>Documentazione ufficiale del W3C | <a href="http://www.w3.org/TR/html5/" target="_blank">http://www.w3.org/TR/html5/</a></li>
<li>Dive Into HTML5 by Mark Pilgrim | <a href="http://diveintohtml5.org/" target="_blank">http://diveintohtml5.org/</a></li>
<li>Native Audio in the browser | <a href="http://html5doctor.com/native-audio-in-the-browser/" target="_blank">http://html5doctor.com/native-audio&#8230;</a></li>
</ul>
<h3>Curiosità</h3>
<ul>
<li>HTML 5 or HTML5? | <a href="http://meiert.com/en/blog/20090911/html-5-or-html5/" target="_blank">http://meiert.com/en/blog/20090911/html-5-or-html5/</a></li>
<li>HTML5 Video Destruction | <a href="http://www.craftymind.com/factory/html5video/CanvasVideo.html" target="_blank">http://www.craftymind.com/factory/html5video&#8230;</a></li>
<li>HTML5 Canvas and Audio Experiment | <a href="http://9elements.com/io/projects/html5/canvas/" target="_blank">http://9elements.com/io/projects&#8230;</a></li>
</ul>
<img src="http://jblog.it/?ak_action=api_record_view&id=851&type=feed" alt=" Steve Jobs, Adobe Flash e HTML5"  title="Steve Jobs, Adobe Flash e HTML5" />]]></content:encoded>
			<wfw:commentRss>http://jblog.it/2010/05/03/steve-jobs-adobe-flash-e-html5_851.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Commenti audio nei blog?</title>
		<link>http://jblog.it/2009/11/09/commenti-audio-nei-blog_770.html</link>
		<comments>http://jblog.it/2009/11/09/commenti-audio-nei-blog_770.html#comments</comments>
		<pubDate>Mon, 09 Nov 2009 04:59:40 +0000</pubDate>
		<dc:creator>Giacomo</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Multimedia]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[commenti]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[podcasting]]></category>

		<guid isPermaLink="false">http://jblog.it/?p=770</guid>
		<description><![CDATA[Su ImpressiveWebs viene segnalato un articolo su Boagworld intitolato "The biggest ecommerce lies and how to avoid them" in cui l'autore del blog, Paul Boag, risponde ai lettori con un commento audio. Ottima idea! E soprattutto molto originale... Pensando un po' più in grande, immagini la possibilità di commentare un post parlando anziché scrivendo?]]></description>
			<content:encoded><![CDATA[<p><a title="Commenti audio nei blog?" href="http://jblog.it/2009/11/09/commenti-audio-nei-blog_770.html"><img class="alignnone size-full wp-image-771" title="Commenti audio nel blog?" src="http://jblog.it/wp-content/uploads/2009/11/audiocomment1.jpg" alt="Commenti audio nel blog?" width="540" height="130" /></a></p>
<p>Su <a title="Audio comments on blogs" href="http://www.impressivewebs.com/audio-comments-on-blogs-now-thats-a-great-idea/" target="_blank">ImpressiveWebs</a> viene segnalato un articolo su <a href="http://boagworld.com/">Boagworld</a> intitolato <a href="http://boagworld.com/site-content/ecommerce-lies">The biggest ecommerce lies and how to avoid them</a> in cui l&#8217;autore del blog, Paul Boag, risponde ai lettori con un commento audio. Ottima idea! E soprattutto molto originale&#8230;</p>
<p>Pensando un po&#8217; più in grande, immagini la possibilità di commentare un post <em>parlando </em>anziché <em>scrivendo</em>?<span id="more-770"></span><!--adv300--></p>
<h2>Il lato tecnico</h2>
<p>Credo che l&#8217;autore del blog abbia semplicemente registrato la sua voce, caricato il file e &#8220;embeddato&#8221; il player nel testo del suo commento.</p>
<p>Ma, se volessimo dare ai lettori del nostro blog la possibilità di commentare in formato audio gli interventi tecnici non sarebbero né semplici né immediati.</p>
<p><strong>In pratica</strong> dovremmo:</p>
<ul>
<li>gestire il microfono</li>
<li>avere uno script per la registrazione (per intenderci, una specie di player con i pulsanti &#8220;rec&#8221;, &#8220;play&#8221;, &#8220;stop&#8221;, ecc.)</li>
<li>avere a che fare con codec e script per la conversione/compressione (non vorrai memorizzare in &#8220;.wav&#8221;?!? <img src='http://jblog.it/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' title="Commenti audio nei blog?" />  )</li>
<li>disporre di uno spazio web di quelli che non hanno i megabyte contati</li>
</ul>
<p>Per avere un&#8217;<strong>idea</strong>, il sito <a href="http://www.laphotocabine.com/" target="_blank">LaPhotoCabine</a> dà la possibilità di stampare le fototessere direttamente da casa in un formato molto simile a quello delle cambine fotografiche. Il sito è realizzato completamente in Flash e ActionScript, con i quali viene gestita la webcam del proprio pc.</p>
<h2>I lettori del blog</h2>
<p>Lasciamo stare il lato tecnico e pensiamo invece come <em><strong>lettori di un blog</strong></em>. Potrebbe essere una soluzione comoda per commentare? Ci impiegheremmo lo stesso tempo per lasciare un commento?</p>
<p>Beh, credo che questo dipenda unicamente dalla <strong>qualità dell&#8217;applicazione</strong> che provvederà a registrare, convertire e memorizzare il commento audio. L&#8217;obiettivo principale sarà quello di agevolare il più possibile l&#8217;operazione rendendendo il tutto <strong>trasparente al lettore</strong>.</p>
<h2>Quale formato per i commenti?</h2>
<p>Infine, dobbiamo considerare se è <strong>meglio memorizzare i commenti in formato audio o testuale</strong>. Penso che il formato dei commenti andrebbe scelto tenendo conto dell&#8217;utilizzo che ne vogliamo fare. In pratica, commenti audio andrebbero bene per un sito o blog concepito in maniera multimediale, ad esempio per un sito Flash che promuove un gioco. Invece, per un blog tecnico, non so fino a che punto i commenti audio andrebbero bene: non si può mica dettare il codice a voce! <img src='http://jblog.it/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' title="Commenti audio nei blog?" /> </p>
<p>Sicuramente i commenti audio porterebbero nelle pagine dei blog una <strong>multimedialità </strong>che attualmente non c&#8217;è e i <strong>commenti lunghi</strong> verrebbero letti (o ascoltati) molto più volentieri&#8230;</p>
<p><span class="highlight_red"><strong>Che ne pensi dei commenti audio? Se esistesse un servizio web per la gestione dei commenti audio (come Disqus per i commenti testuali) daresti la possibilità di lasciare dei commenti audio nel tuo blog?</strong></span></p>
<img src="http://jblog.it/?ak_action=api_record_view&id=770&type=feed" alt=" Commenti audio nei blog?"  title="Commenti audio nei blog?" />]]></content:encoded>
			<wfw:commentRss>http://jblog.it/2009/11/09/commenti-audio-nei-blog_770.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
