ZEN è HTML5 Audio Player, un lettore audio realizzato con HTML5 e le animazioni di CSS3, alimentato da jPlayer.
Si presenta con un’interfaccia molto semplificata, stile anteprima di iTunes, con pulsante di riproduzione, che si trasforma in pausa una volta cliccato, visualizzato in un cerchio che mostra il progresso del brano ascoltato.
Al momento è sviluppato in modo da eseguire un singolo brano, ma sarà migliorato per supportare anche più file.
Potrebbero Interessarti
20 Giugno 2011 Applicazioni Web Offline con HTML5
HTML5 fornisce una nuova funzionalità di caching per supportare le applicazioni web in modalità offline.
E' necessario specificare un determinato file chiamato "cache manifest" nella pagina web a cui vogliamo applicare il sistema di caching.
L'URL del file cache […]
12 Marzo 2012 Come creare una semplice applicazione di geolocalizzazione
Qui vi mostrerò come utilizzare la nuova Geolocation API, insieme alle API di Google Maps, per individuare la posizione dell'utente e visualizzare una mappa con quella posizione.
Dopo che la mappa è pronta, vi mostrerò come aggiungere un marker e come recuperare ulteriori […]
12 Luglio 2010 Drop Shadows con CSS3
Funziona su tutte le ultime versioni di Opera, Chrome, Safari e Firefox, anche se su Opera e Firefox le trasformazioni non sono proprio ottime come Webkit, motore di Safari e Google Chroem.
Pagine HTML
Foglio di stile CSS3
Fonte Nimbupani Designs e demo.
15 Luglio 2010 Trasformazioni sui link con CSS
Quando si passa su un link, l'elemento si anima e si inclina verso sinistra o destra. Gli effetti sono stati creati solo con i CSS.
Vengono utilizzate le funzionalità di transizione specifiche per ogni browser tramite hack CSS (dato che ciascuno ha il proprio prefisso). La […]
diggita.it
ZEN: l’audio player in HTML5 & CSS3…
ZEN è HTML5 Audio Player, un lettore audio realizzato con HTML5 e le animazioni di CSS3, alimentato da jPlayer. Si presenta con un’interfaccia molto semplificata, stile anteprima di iTunes, con pulsante di riproduzione, che si trasforma in pausa una vo…
Tweets that mention ZEN HTML5 Audio Player in HTML5 & CSS3 | MaiNick Web -- Topsy.com
[…] This post was mentioned on Twitter by Maico Orazio and GoVision.it, Maico Orazio. Maico Orazio said: ZEN: l’audio player in #HTML5 & #CSS3 http://goo.gl/fb/3iTUO #css #hmtl5 #jquery #javascript #audioplayer […]