ZEN: l’audio player in HTML5 & CSS3

- CSS, HMTL5, javascript, jQuery

ZEN HTML5 Audio Player

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

  • Applicazioni Web Offline con HTML520 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 […]
  • Come creare una semplice applicazione di geolocalizzazione12 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 […]
  • Drop Shadows con CSS312 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 […]

Potrebbero interessarti

  • 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…

    4 Febbraio 2011
  • […] 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 […]

    4 Febbraio 2011

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.