Skip to content

Forme d'onde

Visualisation interactive de la forme d'onde avec seek et marqueurs de chapitres.

audio

Aperçu

Props & interactive options

Prop Type Défaut Description Essayer
show_waveform url param 1 Afficher la visualisation de la forme d'onde.
Les navigateurs bloquent la lecture automatique avec le son. Activer auto_play active automatiquement muted pour permettre le démarrage ; le visiteur peut ensuite réactiver le son manuellement.

Documentation

Affichez la forme d'onde audio à partir des données de pics. Cliquez n'importe où sur la forme d'onde pour naviguer. Les marqueurs de chapitres et les zones bufferisées sont affichés directement. Revient à une barre de progression standard si les données de forme d'onde sont indisponibles.

Code

HTML

Questions fréquentes

Videas calcule un fichier de peaks lors de l'ingestion en échantillonnant l'amplitude audio à intervalles réguliers. Le JSON résultant est léger (quelques Ko) et livré avec la piste, pour que la forme d'onde s'affiche instantanément sans re-décoder l'audio complet côté client.

Le player retombe sur une barre de progression linéaire standard. Dès que le fichier de peaks est généré (ou si vous désactivez la forme d'onde via show_waveform=0), vous obtenez une expérience classique et accessible — rien ne bloque la lecture.

Oui — quand des chapitres sont définis, des marqueurs verticaux sont tracés sur la forme d'onde au début de chaque chapitre, offrant aux auditeurs une carte visuelle du morceau sur laquelle ils peuvent cliquer pour naviguer.