Barra de progreso de forma de onda

2 min read

Una forma de onda visual reemplaza la barra de progreso lineal estándar. Cada publicación obtiene un patrón único para que cada reproductor se vea distinto. Planes Pro y Agency.

Activarla

  1. Ve a Texto a Voz → Reproductor.
  2. En Estilo de barra de progreso, selecciona Forma de onda.
  3. Guarda.

Todos los reproductores de audio de tu sitio usarán ahora la forma de onda.

Por qué cada publicación obtiene un patrón único

La forma de onda se genera a partir de una semilla derivada del ID de la publicación. Esto significa:

  • Cada publicación tiene una forma de onda visualmente diferente
  • La misma publicación siempre muestra la misma forma de onda
  • La forma de onda no representa el audio real (es un patrón visual determinista)

Esto se ve mucho mejor que una barra estática y no añade nada al tamaño del archivo. La forma de onda es un SVG en línea con 60 barras.

Clic y arrastre para desplazarse

La forma de onda es interactiva:

  • Haz clic en cualquier punto para saltar a esa posición
  • Haz clic y arrastra el indicador de posición para navegar por el audio
  • Funciona en escritorio y dispositivos táctiles

Colores

La forma de onda usa dos colores de la configuración de tu Reproductor:

  • Color predeterminado de progreso - barras no reproducidas
  • Color de progreso en reproducción - barras detrás del cabezal de reproducción

Cámbialo en Texto a Voz → Reproductor → Colores.

Rendimiento

  • La forma de onda es un SVG en línea (~2 KB por reproductor)
  • Sin JavaScript adicional al que ya carga el reproductor
  • No afecta a los Core Web Vitals

Alternativa para usuarios gratuitos

Los usuarios del plan gratuito ven la barra de progreso lineal aunque se haya seleccionado Forma de onda. Es una función PRO.

Páginas relacionadas