Sviluppo applicazioni, e-commerce e siti Web.
Linguaggi, pattern, architetture — tutto ciò che trasforma un'idea in codice che funziona.
Quando serve un'interfaccia coerente con il resto dell'applicazione, con scorciatoie da tastiera, controllo della velocità e una barra di avanzamento su misura, la soluzione è costruire un player personalizzato. In questo articolo vedremo come realizzarlo con React, separando la logica in un custom hook e l'interfaccia in componenti riutilizzabili.
In questo articolo vedremo come costruire con React un player audio personalizzato, con pulsanti play/pausa, barra di avanzamento, controllo del volume e una piccola playlist, isolando tutta la logica in un custom hook riutilizzabile.
Abbiamo realizzato un player audio completo separando nettamente la logica, contenuta nel composable useAudioPlayer, dalla presentazione, affidata a componenti che si limitano a leggere lo stato e a invocare metodi.
Costruire un player video con Vue.js significa essenzialmente tradurre l'API HTMLMediaElement in uno stato reattivo.