THRON Player: accessibilità, interfaccia e template
Il Player v1.2 è la nuova versione del THRON Player: più veloce, completamente accessibile (WCAG) e con un'interfaccia rinnovata per audio e documenti. Per la maggior parte degli utenti non è richiesta nessuna azione: il Player si aggiorna automaticamente. Questo articolo spiega cosa cambia, dove e per chi.
Quanto è più veloce il v1.2
Il nuovo Player riduce in media del 62,3% le risorse caricate dal browser, con tempi di caricamento più bassi sia su desktop sia su mobile.
Il caso più significativo è l'audio: da 36,8 secondi su mobile con il vecchio Player a 2,1 secondi con il v1.2.
Cosa cambia con il v1.2
Le novità principali riguardano tre aree: accessibilità, interfaccia e librerie tecniche.
Area |
Novità |
|---|---|
Accessibilità |
Navigazione completa da tastiera, supporto screen reader, alt text visibile nel player |
Player audio |
Nuova interfaccia grafica (rimosso wavesurfer.js) |
Player documenti |
Nuova interfaccia, zoom, ricerca testo, modalità fullscreen, scorciatoie da tastiera |
Immagini e gallerie |
Zoom e pan con implementazione custom; supporto pinch-zoom su mobile |
Gallerie video/audio/immagini |
Navigazione con Swiper.js |
Come creare un template nel CEM
I nuovi template vengono creati automaticamente in versione v1.2.
Accedi al CEM (Experience Manager)
Clicca su Nuovo template
Personalizza e salva
I template esistenti rimangono attivi e continuano a ricevere aggiornamenti all'interno del ramo v1.1. Non è necessario migrarli se non hai esigenze specifiche di accessibilità.
Scorciatoie da tastiera del Player documenti
Il Player documenti v1.2 introduce la navigazione completa da tastiera. Tienila a portata di mano.
Zoom e visualizzazione
Scorciatoia |
Azione |
|---|---|
|
Zoom in |
|
Zoom out |
|
Ripristina zoom normale |
|
Attiva modalità fullscreen |
|
Attiva lo strumento mano |
|
Attiva lo strumento selezione testo |
Navigazione e ricerca
Scorciatoia |
Azione |
|---|---|
|
Vai a pagina |
|
Cerca testo nel documento |
|
Occorrenza successiva |
|
Occorrenza precedente |
Sidebar e indice
Scorciatoia |
Azione |
|---|---|
|
Mostra/nascondi la sidebar |
Click su Show document outline |
Mostra l'indice del PDF (se disponibile) |
Click sul triangolo accanto a una voce |
Espandi/comprimi voci annidate |
|
Espandi/comprimi tutte le voci figlie |
Doppio click su Show document outline |
Espandi/comprimi tutti gli elementi |
Appendice tecnica: modifiche alle librerie degli embed
Questa sezione è rivolta ai team tecnici che gestiscono template personalizzati o embed con CSS/JS custom.
Il passaggio al v1.2 ha comportato la rimozione e sostituzione di alcune librerie. Se hai personalizzazioni basate su queste librerie, è necessaria una revisione del codice.
Player |
Libreria rimossa |
Libreria aggiunta |
Impatto |
|---|---|---|---|
Tutti |
|
Nessuna |
Revisione completa del JS nei template custom |
Immagini e gallerie immagini |
|
Implementazione custom e |
Revisione JS e CSS |
Audio e gallerie audio |
|
Nessuna |
Revisione JS e CSS |
Gallerie immagini, video, video gallery, audio |
Nessuna |
|
Revisione JS e CSS |
Attenzione: se hai template con CSS o JavaScript personalizzati basati su jQuery, PanZoom.js o wavesurfer.js, questi non funzioneranno correttamente con il Player v1.2. Prima di migrare a v1.2, pianifica la revisione del codice custom.
Logica di aggiornamento degli embed:
Embed con versione fino a v1.1.57 inclusa: aggiornati automaticamente all'ultima versione del ramo v1.1, oggi la v1.1.58
Embed già sull'ultima versione del ramo v1.1: nessun aggiornamento automatico
Embed che scelgono esplicitamente v1.2: usano il nuovo template v1.2
Per i sistemi che si aggiornano automaticamente, per esempio la bacheca Digital Asset: nessuna azione richiesta, salvo la presenza di personalizzazioni CSS/JS.
Autoplay e gestione del suono
A partire dalla versione 1.1.9, THRON ha adattato la gestione dell'autoplay alle policy dei principali browser.
La scelta di THRON: quando un video è incorporato con autoplay attivo, il Player forza automaticamente il mute. È l'unica configurazione che garantisce l'avvio del video nel 100% dei casi, senza rischiare blocchi da parte del browser.
Se hai bisogno di autoplay con audio, l'utente deve prima interagire con la pagina (click o tap). Nessun browser moderno consente autoplay con suono senza un'interazione preventiva dell'utente.
Comportamento per browser
Browser |
Comportamento predefinito |
|---|---|
Chrome |
Autoplay muto sempre consentito. Con audio: richiede interazione utente o soglia di engagement raggiunta |
Firefox |
Blocca per impostazione predefinita tutti i media con audio |
Edge |
Autoplay consentito di default, ma personalizzabile dall'utente per singolo sito. Autoplay soppresso automaticamente nei tab in background |
Safari |
Blocca i media con audio per impostazione predefinita. L'utente può abilitare l'autoplay per singolo sito dalle preferenze |
Serve aiuto?
Per problemi tecnici, scrivi a support@thron.com