OSM Player: Player Video in HTML5 + jQuery
OSM Player è un player video open source gratuito strutturato e realizzato grazie alle nuove potenzialità di HTML5 + jQuery.
Come avrete letto HTML5 è un linguaggio ancora in fase di definizione, che si propone come evoluzione del noto HTML 4.
E’ possibile vedere una demo sul sito ufficiale, il player permette l’integrazione di video da altri servizi come YouTube e Vimeo.
La struttura del player mostra a lato una playlist a comparsa con la descrizione e votazione dei video presenti.
Il Player è abbastanza completo, offre la possibilità di fullscreen, votazioni, playlist, controllo audio e posizione video.
Abbiamo la possibilità di consultare una ricca documentazione per l’uso e la presenza di un forum di supporto.
Inoltre vi segnalo la possibilità automatica del player video di passare in modalità Adobe Flash qualora non vi sia supporto HTML5.
Vi segnalo anche Projekktor, un altro video player realizzato in HTML5.
Letture Consigliate per Flash
-
Creare animazioni e siti web in Flash CS5
Prezzo: EUR 7,90
Promozione: EUR 6,72 -
Le risposte per i professionisti Flash AS3
Prezzo: EUR 49,90
Promozione: EUR 42,42 -
Maya 5. Elaborazione e animazione grafica 3D
Prezzo: EUR 12,90
Promozione: EUR 10,96 -
Sviluppare applicazioni con Flex 4 e AS3
Prezzo: EUR 40,00 |
Promozione: EUR 38,00
FlashHTML5jQueryOpensourceRisorseVideo
Autore: Giuliano Ambrosio
Creative Strategist e Designer Freelance di Torino, fonda il blog JuliusDesign nel 2007, attualmente collabora con diverse agenzie su tutta Italia con le quali ha avuto modo di lavorare per diversi big brand.
Commenti da Facebook
9 Commenti dal Blog
Scrivi un Commento
Contributor
Arcidiacono
7 Fasi di lavoro per lo sviluppo di un logo aziendale
La progettazione di un logo è un processo molto lungo, spesso è molto difficile trovare idee che coincidano con le esigenze dei clienti. Quando si progetta un logo aziendale bisogna tenere conto di diversi aspetti: il tipo di font, colori, equilibrio e simbolismo per citarne alcune. Lo scopo di questo articolo è quello di mostravi [...]
Arcidiacono
10 Consigli Utili per Migliorare la fase di Registrazione Utenti
Uno dei fattori più importanti quando si realizza un sito internet ed in particolare le/la sezione form registrazione è la sua ottimizzazione, per evitare che gli utenti abbandonino il sito internet. Questo è di vitale importanza in tutti i siti internet ma in particolare per i siti e-commerce (si rischia che l’utente abbandoni il carrello). [...]
Rigato
5 Consigli di Google per una presenza efficace nel Mobile
Scorsa settimana ho avuto la fortuna di partecipare a un webinar di Google, un corso di formazione di circa un’ora via web. In questo evento è stato spiegato come preparare con piccoli passi la propria presenza online, in questo caso ognuno di noi era rappresentato come brand. Questo webinar è stato molto interessante, seppur molto [...]
Toscano
Digital Publishing: Una nuova opportunità di Business per tutti?
Oggi voglio parlati delle opportunità di business nel fare Digital Publishing, mai sentito parlare? Il Digital Publishing è rivolto a tutti i designer,agenzie pubblicitarie e aziende, che hanno lo scopo di distribuire, e ottimizzare contenuti e pubblicazioni coinvolgenti per dispositivi tablet. In modo particolare cercherò di farti capire perchè i Cataloghi Digitali per iPad sono [...]
Cravero
Facebook non è il web e nemmeno il tuo sito personale
Durante la partecipazione a Freelance in Action, (il seminario di Julius tenuto a Torino a fine febbraio di quest’anno), si è parlato dell’utilizzo dei vari social network in relazione al proprio blog. Ne è emerso che, spesso e volentieri, la motivazione per cui non si ha un proprio blog è la “paura” di non avere [...]
Rigato
Facebook: Arriva l’Advertising Premium nel Social Network
A seguito della prima Market Conference del 29 febbraio scorso, il team di Facebook ha annunciato diverse novità relative alla nuova Timeline delle pagine e alle modalità di Ads nel social network. Proprio quest’ultime hanno subito una grande revisione, chiamiamola così, e sono state introdotte Le nuove Premium Ads, I Post in page e Le [...]
Rigato
Path: Alla scoperta del Social Network Esclusivo
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Guide In Evidenza
Usare un Metodo di Lavoro Efficace
Responsive Web Design: I Migliori Tutorial & Risorse
Progettare e realizzare un layout grafico per iPad
Progettare un Layout Grafico che funzioni
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
- Video Tutorial Photoshop CS3: Creare un effetto Fluid Silhouette
- Video Tutorial Photoshop CS3: Creare un layout display in stile iPad
- Video Tutorial Photoshop CS3: Creare un volto Avatar Makeover
- Video Tutorial Photoshop CS3: Creare un Effetto Out Of Bounds
- Video Tutorial Photoshop CS3: Creare una Faccia da Mostro
- Video Tutorial Photoshop CS3: Creare una Maschere di Ritaglio
- Video Tutorial Photoshop CS3: Creare ed Applicare Filtri Avanzati
JDPack Premium
I love WordPress - JuliusDesign 2007-2013 P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Hosting - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
Valeria
20 aprile 2010
Interessanti questi player video, le potenzialità di HTML5 non smettono di stupirmi
Mirko
20 aprile 2010
quand l’HTML5 sarà ultimato questi video player serviranno parecchio per progetti di video sharing e di fruizione video…
Texas138
20 aprile 2010
OTTIMA L’integrazione con Drupal… ;)
Emanuele
20 aprile 2010
Scusate la domanda forse stupida, ma in tutto questo fioire di player HTML5 c’è qualcosa che mi sfugge… ma con il tag video di HTML5 non dovevano proprio sparire i player? Io sapevo che adesso tutti i controlli della GUI erano gestiti direttamente dal browser
In pratica quindi cosa sono questi player e cosa fanno?
grazie mille :)
Ale
21 aprile 2010
Interessantissima segnalazione, visto anche l’utilizzo di jQuery.
A proposito di jQuery, sottopongo alla vostra attenzione il sito http://www.jqueryitalia.org, già segnalato anche su http://www.designmultimedia.com, che sembra un ottimo progetto per dare un punto di riferimento, finora mancante in Italia, a chi sviluppa con questo framework javascript.
Emanuele
23 aprile 2010
Ho come l’impressione che qui si parli tanto per fare i fighi con l’ultima novità tecnologica senza sapere realmente come funziona. Possibile che nessuno si sia posto la mia stessa domanda? O in alternativa dovrebbe quindi essere a tutti ovvia la risposta.
Julius li leggi i commenti o sei un’altra “blogstar” che non si abbassa a interagire coi commentatori?
Scusate il tono polemico ma ritengo una questione di rispetto rispondere ai propri lettori
Julius
23 aprile 2010
@Emanuele: ciao praticamente se ho capito ci sarà la possibilità di usare come dici tu delle implementazioni dirette tramite il browser, ma questi progetti ti permettono di fruire video tramite HTML5 con interfacce e funzionalità diverse e più complete.
Qualora tu voglia creare un progetto video potrati utilizzare questi progetti e non solo limitarti con il supporto nativo dal browser.
Come vedi il supporto nativo dovrebbe darti la possiblità di caricare un video con questo player.
Come vedi è un player che non ti offre molte funzionalità come playlist, votazione, fullscreen, mentre questi progetti cercano di sviluppare e migliorare le qualità del player e della fruizione.
Emanuele
23 aprile 2010
Ciao Julius
grazie per l’esauriente risposta. Scusa per i toni sostenuti del messaggio precedente ma come detto ci sono atteggiamenti (diffusi) che mi danno parecchio fastidio
ciao
Julius
23 aprile 2010
@Emanuele: non ti preoccupare capisco! Ricevo diversi messaggi sul blog e in mail, mi piacerebbe rispondere sempre a tutti, ma il tempo purtroppo è tiranno, cerco di fare il possibile…