bootstrap-italia
bootstrap-italia copied to clipboard
Nuovo componente: video player
Ho notato che manca un componente per gestire i video, non so se è in programma oppure è un'idea scartata in passato. Magari per chi pubblica video self-hosted può tornare utile. In genere chi fa self-hosted non vuole fare l'embed da altre piattaforme, specialmente per non trasferire i dati di navigazione degli utenti a terzi.
Magari si può usare la famosa liberia https://videojs.com/ (https://github.com/videojs/video.js) in quanto permette di:
- personalizzare l'aspetto grafico
- personalizzare le funzionalità
- supporta i sottotitoli
- supporta HLS e DASH come protocollo di streaming
- ecc
Promemoria/futuribile: fornendo sì un componente video per video self-hosted come segnala @arturu, ma anche un componente video agnostico che permetta eventualmente di fare "embed" corretto, laddove possibile, con rispetto privacy, immagine segnaposto, preferenze e pannelli cookie etc. Wdyt @bfabio? Nella documentazione ci sarà poi in ogni caso da documentare la parte accessibilità, non solo garantendo accessibile la UI del componente, ma dando indicazioni su obblighi trascrizioni e sottotitoli dei contenuti video.
Ho usato Video.js in ambienti di produzione, vi confermo che è facile da implementare e funziona molto bene
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
@ stale-bot calm and be easy ✌️, next Q1 2023 we will add it.
Update: cominciamo a lavorare sul video player da questa settimana. 🎉
Tengo qua come esempio questo player video.
Grazie ad @arturu sono venuti fuori diversi spunti interessanti per il miglioramento del componente:
- Creare un layout simile a RaiPlay considerando anche l'utilizzo di https://www.npmjs.com/package/videojs-mobile-ui per la parte mobile che con l'aggiunta di altre opzioni da qualche piccolo problema UI
- Invece di creare un overlay per video, utilizzare un overlay generale per qualsiasi contenuto, in modo da bloccare e fare da wrap.