Microsoft mostra le capacità di HTML5 con un video musicale interattivo

Scritto da: -

Just A Friend

Dopo Mozilla, che ha recentemente creato il MMORPG Browser Quest per dimostrare le potenzialità di HTML5, ora tocca a Microsoft. L’azienda di Redmond ha deciso di utilizzare un approccio diverso, realizzando un video musicale interattivo rivolto in particolar modo agli utenti più giovani - il brano è un remix di Just a Friend della cantante statunitense Jasmine Villegas, nota per la sua collaborazione con l’idolo delle teenager Justin Bieber - con l’intento di pubblicizzare Internet Explorer 9 e il suo supporto ad HTML5.

L’utente, potete provarlo da soli visitando il sito JustAFriend.ie, non deve far altro che effettuare il login con Facebook - o inserire un nome a caso, riducendo però l’interattività - e tenersi pronto a premere la barra spaziatrice o muovere il mouse quando richiesto, intervenendo così sulla storia raccontata nel videoclip.

Oltre a vedere qualche vostra foto appesa al muro, potrete aiutare la protagonista a liberarsi del fidanzato traditore e a far breccia nel suo cuore, tanto che a visione ultimata sarà possibile digitare il vostro numero di telefono in un Windows Phone per ricevere una finta chiamata da parte di Villegas. Per l’occasione, ed è forse questa la parte più interessante dell’iniziativa, è stato realizzato anche un dietro le quinte che spiega brevemente come si è svolta la lavorazione, dalla scena del bowling a quella della piscina.

Per gli sviluppatori, inoltre, è disponibile anche una sezione del sito che entra ancor più nello specifico: dall’organizzazione del sito per gli standard HTML5 all’integrazione con Facebook Connect, dai passaggi necessari per visualizzare il nome dell’utente all’interno del video fino ad arrivare all’implementazione dell’API Tropo che ha reso possibile l’interazione telefonica finale.

Che ve ne pare? Potrebbe essere questo il futuro dei video musicali?

Via | Windows Team Blog

 
Aggiorna
  • nickname Commento numero 1 su Microsoft mostra le capacità di HTML5 con un video musicale interattivo

    Posted by: go

    Spero proprio che HTML5 rimpiazzi quel mattone di Flash!!! Scritto il Date —

  • nickname Commento numero 2 su Microsoft mostra le capacità di HTML5 con un video musicale interattivo

    Posted by:

    <b><a href="http://www.usjordansneakers.com/air-jordan-shoes-7-C7.html" rel="nofollow">Buy Jordan 7</a></b> <b><a href="http://www.usjordansneakers.com/air-jordan-shoes-7-C7.html" rel="nofollow">Jordan 7 For Sale</a></b> <b><a href="http://www.usjordansneakers.com/" rel="nofollow">jordans sneakers</a></b> Quanzhou City, Taiwan investment <b><a href="http://www.usjordansneakers.com/air-jordan-shoes-7-C7.html" rel="nofollow">Cheap Jordan 7</a></b> zone) before the <b><a href="http://www.usjordansneakers.com/air-jordan-shoes-6-C6.html" rel="nofollow">Jordan 6 For Sale</a></b> town of village Zhang Sakamoto section, occurrence of white, red two cars <b><a href="http://www.usjordansneakers.com/air-jordan-shoes-6-C6.html" rel="nofollow">Buy Jordan 6</a></b> collide. Scritto il Date —

  • nickname Commento numero 3 su Microsoft mostra le capacità di HTML5 con un video musicale interattivo

    Posted by: Jordans Shoes

    activities <b><a href="http://www.buyjordanshoesoutlet.com/air-jordan-retro-7-C38.html" rel="nofollow">Air Jordans 7</a></b> of <b><a href="http://www.buyjordanshoesoutlet.com/air-jordan-retro-7-C38.html" rel="nofollow">Cheap Jordan 7</a></b> .But during <b><a href="http://www.buyjordanshoesoutlet.com/" rel="nofollow">jordan shoes for cheap</a></b> that time ,3 people <b><a href="http://www.buyjordanshoesoutlet.com/air-jordan-retro-8-C39.html" rel="nofollow">Nike Air Jordan 8</a></b> not only economic difficulties <b><a href="http://www.buyjordanshoesoutlet.com/air-jordan-retro-7-C38.html" rel="nofollow">Air Jordan Retro 7</a></b> <b><a href="http://www.buyjordanshoesoutlet.com/air-jordan-retro-7-C38.html" rel="nofollow">Buy Jordan 7</a></b> ,is still. Scritto il Date —

  • nickname Commento numero 4 su Microsoft mostra le capacità di HTML5 con un video musicale interattivo

    Posted by: nike free run

    <strong><a href=http://www.nikefree-oslo.eu/ title=NIKE rel="nofollow">NIKE FREE</a></strong> y=AQ~~, AAABDH-R__E~, dB4S9tmhdOrgQJ-vz7N_KM-Fn5lQ8FIH& domain=embed& dynamicStreaming=true base=http: //admin. <strong><a href=http://www.nikefree-oslo.eu/nikeshoxkvinnernikeshoxnz-c-37_38.html title=Nike rel="nofollow">Nike Shox Sko</a></strong> brightcove. com name=flashObj seamlesstabbing=false allowfullscreen=true swliveconnect=true allowscriptaccess=always pluginspage=http: //www. macromedia. com/shockwave/download/index. <strong><a href=http://www.nikefree-oslo.eu/nikeshoxkvinnernikeshoxnz-c-37_38.html title=Nike rel="nofollow">Nike shox Norge</a></strong> cgi? <strong><a href=http://www.nikefree-oslo.eu/nike-free-women-nike-free-run-3-c-3_10.html title=Nike rel="nofollow">Nike Free 3.0</a></strong> P1_Prod_Version=ShockwaveFlash>You could also hear <strong><a href=http://www.nikefree-oslo.eu/ title=NIKE rel="nofollow">NIKE FREE</a></strong> this specific music <strong><a href=http://www.nikefree-oslo.eu/nike-free-women-nike-free-run-3-c-3_10.html title=Nike rel="nofollow">Nike Free dame</a></strong> object in <strong><a href=http://www.nikefree-oslo.eu/ title=NIKE rel="nofollow">NIKE SKO</a></strong> Soundcloud, <strong><a href=http://www.nikefree-oslo.eu/ title=NIKE rel="nofollow">NIKE FREE RUN</a></strong> allowing you audience for you <strong><a href=http://www.nikefree-oslo.eu/ title=Shox rel="nofollow">Shox Nike</a></strong> to keep responses in distinct things down the music schedule. Click the <strong><a href=http://www.nikefree-oslo.eu/ title=NIKE rel="nofollow">NIKE SHOX</a></strong> Soundcloud company logo for you <strong><a href=http://www.nikefree-oslo.eu/nike-free-women-nike-free-run-3-c-3_10.html title=Nike rel="nofollow">Nike Free run 2</a></strong> to keep a new review. </p><p></p> <p>… Scritto il Date —