{"id":570,"date":"2009-06-26T14:39:30","date_gmt":"2009-06-26T13:39:30","guid":{"rendered":"http:\/\/www.lorenzobraghetto.com\/?p=570"},"modified":"2009-06-30T20:12:04","modified_gmt":"2009-06-30T19:12:04","slug":"html5-e-il-tag-video","status":"publish","type":"post","link":"https:\/\/www.lorenzobraghetto.com\/index.php\/2009\/06\/26\/html5-e-il-tag-video\/","title":{"rendered":"Html5 e il tag video"},"content":{"rendered":"<p>La rivoluzione \u00e8 in atto? Speriamo!<\/p>\n<p>Credo che flash sia il componente\/software proprietario pi\u00f9 odiato dagli utilizzatori di Gnu\/Linux (mmm dopo i driver video forse). In realt\u00e0 non ha nessun motivo particolare per esserlo pi\u00f9 di un qualunque altro software proprietario. Tutti tendono a fare quello che vogliono, a non integrarsi col sistema, a ricreare e sovrapporre funzionalit\u00e0 che il sistema stesso gi\u00e0 offre.<\/p>\n<p>Il problema \u00e8 che ci ritroviamo a dover usare flash tutti i giorni, il web ne \u00e8 pieno con utilizzi pi\u00f9 o meno sostenibili. Esempio di pessimo uso? Recentemente <a href=\"http:\/\/transformerslive.blogspot.com\/\" target=\"_blank\">questa pagina<\/a> (cliccate a vostro rischio e pericolo) mi ha fatto andare firefox al 103% di utlizzo della cpu \ud83d\ude42 come testimonia <a href=\"http:\/\/picasaweb.google.it\/lh\/photo\/LT9GW9NAPlnTASKKtP5bDQ?feat=directlink\" target=\"_blank\">questo screen<\/a>.<\/p>\n<p>Le specifiche di html5 non sono ancora definitive, usciranno finite nel 2010, ma sono state pubblicate alcune draft. Fra queste la novit\u00e0 che sta animando le discussioni \u00e8 l&#8217;introduzione del tag &lt;video&gt; che permette di avere un semplice player video, senza plugin esterni, costumizzabile tramite javascript. Questo permetterebbe di liberare il web da plugin proprietari come flash e silverlight (moonlinght non \u00e8 proprietario ma sappiamo che la faccenda non \u00e8 molto limpida \ud83d\ude42 ), tornare ad usare solo standard aperti e completamente documentati.<\/p>\n<p>Il grosso in realt\u00e0 lo fanno i browser, come al solito il w3c pubblica le specifiche ma sono i browser a doverle recepire correttamente. C&#8217;\u00e8 per esempio una forte discussione su quale codec video bisogner\u00e0 usare. Tralasciamo invece cosa far\u00e0 micro$oft con il suo pseudo browser.<\/p>\n<p>Dailymotion avrebbe gi\u00e0 messo a disposizione una versione del suo portale con tutti i video in ogg\/theora, avrebbe perch\u00e8 io non sono riuscito a raggiungerla, <a href=\"http:\/\/openvideo.dailymotion.com\/it\" target=\"_blank\">openvideo.dailymotion.com<\/a> mi continua a far vedere i video in flash. Mentre youtube al momento sta premendo per utilizzo del codec h.264, qualche <a href=\"http:\/\/people.xiph.org\/~greg\/video\/ytcompare\/comparison.html\" target=\"_blank\">test<\/a> per\u00f2 dimostra che a basso bitrate ogg\/theora batte nettamente h.264. Firefox 3.5 beta supporta solo ogg\/theora chrome e safari invece supportano theora e h.264.<\/p>\n<h3>Prova sul campo<\/h3>\n<p>Per prima cosa bisogna attrezzarsi con firefox-3.5, si pu\u00f2 scaricare la rc3 dal sito <a title=\"firefox 3.5 rc3\" href=\"http:\/\/www.mozilla.com\/en-US\/firefox\/all-rc.html\" target=\"_blank\">mozilla<\/a> in binario oppure aggiungere il <a title=\"Ppa mozilla firefox\" href=\"https:\/\/launchpad.net\/~ubuntu-mozilla-daily\/+archive\/ppa\" target=\"_blank\">repository ppa<\/a> con le daily build, io ho usato il ppa.<\/p>\n<p>Ho gi\u00e0 scritto che dailymotion sembra usare sempre flash, youtube ha una pagina di prova <a title=\"youtube html5\" href=\"http:\/\/www.youtube.com\/html5\" target=\"_blank\">qui<\/a>, ma funziona solo con h.264 e firefox non ne ha il supporto. L&#8217;esempio migliore e sicuramente funzionante (un p\u00f2 spartano) \u00e8 <a href=\"http:\/\/tinyvid.tv\/\" target=\"_blank\">tinyvid.tv<\/a> con i video in ogg\/theora presi da youtube. Un altro esempio divertente \u00e8 <a href=\"http:\/\/tuttomeritoaltrui.blogspot.com\/2009\/06\/western-spaghetti-2.html\" target=\"_blank\">qua<\/a> \ud83d\ude42 .<\/p>\n<p>Per quanto riguarda esperimenti personali qualche indicazione ce la da direttamente <a href=\"https:\/\/developer.mozilla.org\/en\/Using_audio_and_video_in_Firefox\" target=\"_blank\">mozilla<\/a> o <a href=\"http:\/\/www.w3schools.com\/tags\/html5_video.asp\" target=\"_blank\">w3cschools<\/a> . Da qualche semplice prova ho notato che firefox non ha ancora applicato tutte le specifiche, l&#8217;attributo &#8220;poster&#8221; non funziona e nemmeno &#8220;autoplay=false&#8221;. La mia pagina di prova \u00e8 <a href=\"http:\/\/www.lorenzobraghetto.com\/html5.php\" target=\"_blank\">qui<\/a>.<\/p>\n<p>Da un paio di video si possono vedere alcune features interessanti, <a href=\"http:\/\/www.youtube.com\/watch?v=3tLBLVtIk3A\" target=\"_blank\">qua<\/a> e <a href=\"http:\/\/www.youtube.com\/watch?v=Kdf0x8am1cg&amp;feature=related\" target=\"_blank\">qua<\/a>. Fra queste c&#8217;\u00e8 la possibilit\u00e0 di customizzare completamente il player video con un p\u00f2 di semplice javascript :).<\/p>\n<p>Non solo il webmaster pu\u00f2 decidere come far apparire il player nel proprio sito, ma soprattutto gli utenti possono scegliere, indipendentemente dal sito dove si trovano, che player usare. Un esempio in <a href=\"http:\/\/www.0xdeadbeef.com\/weblog\/?p=1173\" target=\"_blank\">questo video<\/a> (con spiegazione <a href=\"http:\/\/www.bluishcoder.co.nz\/2009\/03\/replacing-controls-using-bookmarklet.html\" target=\"_blank\">qua<\/a>) e nella mia pagina di prova.<\/p>\n<p>Chi ha gi\u00e0 provato si sar\u00e0 accorto che manca il fullscreen, per firefox esiste gi\u00e0 un <a href=\"https:\/\/bugzilla.mozilla.org\/show_bug.cgi?id=453063\" target=\"_blank\">bug<\/a> aperto come richiesta di feature, non so gli altri browser come siano messi.<\/p>\n<p><strong>Update<\/strong> il 30 giugno esce firefox 3.5<\/p>\n<p><strong>Update2:<\/strong> scoperta la magagna con dailymotion \ud83d\ude42 <a href=\"http:\/\/twitter.com\/monossido\/status\/2408048139\" target=\"_blank\">http:\/\/twitter.com\/monossido\/status\/2408048139<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La rivoluzione \u00e8 in atto? Speriamo! Credo che flash sia il componente\/software proprietario pi\u00f9 odiato dagli utilizzatori di Gnu\/Linux (mmm dopo i driver video forse). In realt\u00e0 non ha nessun motivo particolare per esserlo pi\u00f9 di un qualunque altro software proprietario. Tutti tendono a fare quello che vogliono, a non integrarsi col sistema, a ricreare [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,3,6,42,8,48],"tags":[84,431,432,396,433],"class_list":["post-570","post","type-post","status-publish","format-standard","hentry","category-informatica","category-gnulinux","category-internet","category-smanettamenti","category-software","category-web-20","tag-firefox","tag-html5","tag-oggtheora","tag-video","tag-w3c"],"_links":{"self":[{"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/posts\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":8,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/posts\/570\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/posts\/570\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/media?parent=570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/categories?post=570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lorenzobraghetto.com\/index.php\/wp-json\/wp\/v2\/tags?post=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}