WaveSurfer-WP - KolMitE

WaveSurfer-WP

WaveSurfer-WP

noviembre 30, 2018 Musica 0


Descripción

Este complemento reemplaza el reproductor de audio predeterminado de WordPress por un reproductor capaz de mostrar formas de onda de audio. Puede mostrar una mezcla de los diferentes canales de audio (para podcast, repeticiones de radio, aprendizaje en línea, música) o todos los canales simultáneamente (para tutorial de sonido, presentaciones de paquetes de sonidos, demostración de productos de audio, etc.), que es su principal objetivo. .

Al trabajar con el shortcode de lista de reproducción / audio predeterminado, tiene grandes ventajas:

  • Funciona con todas tus publicaciones anteriores.
  • Todavía tienes el reproductor predeterminado en el Editor visual (no solo el código corto)
  • Admite todos los formatos de audio compatibles con WordPress (wav, ogg, mp3, m4a).
  • Desactivación segura: si desactiva el complemento, su código abreviado recurrirá al reproductor de audio predeterminado de WordPress.

Los colores globales y la configuración de estilo se pueden anular localmente mediante atributos de código corto dedicados.

  • progress_color = "púrpura"
  • wave_color = "# FF0000"
  • cursor_color = "# FF0000"
  • altura = "128"
  • bar_width = "0"

Además, hay algunos atributos accesibles a nivel de shortcode:

  • mute_button = "true"
  • loop_button = "true"
  • download_button = "true"
  • split_channels = "true"
  • player = "por defecto"

Para una personalización más avanzada, con un complemento de sitio personalizado, puedes:

  • agregar atributos de shortcode condicionalmente con el filtro wavesurfer_wp_shortcode_attributes.
  • utilizar el wavesurfer_wp_shortcode_data Filtrar si desea agregar atributos de datos de forma de onda personalizados.
  • utilizar el wavesurfer-wp-init Controlador de eventos de JavaScript para representar al jugador en eventos personalizados, como después de hacer clic en un botón. Vea los ejemplos en el repositorio WaveSurfer-WP-Init GitHub.

Compruebe este Gist para demostraciones de cómo usar los filtros.

Características adicionales :

  • Al presionar el botón de reproducción en un jugador, todos los demás en la misma página se ponen automáticamente en pausa.
  • Compatibilidad de carga de páginas AJAX
  • MultiSite Friendly

El estilo predeterminado requiere algunos iconos de Font-Awesome 1.0. Estos se incluyen en el complemento como una pequeña fuente personalizada. Debido a que esta fuente de icono ya se usa en muchos temas y complementos, puede desactivar esta fuente personalizada si es necesario.

Puede desactivar el tema predeterminado de WaveSurder-WP y usar su propio estilo de tema. Le recomiendo encarecidamente que lo haga, ya que el CSS personalizado es la única forma de que se ajuste perfectamente a su tema. Hay muchos selectores de CSS dedicados para eso. Puedes tomar uno de los temas incluidos como referencia.
Esto le permitirá tener más control sobre los íconos, la capacidad de respuesta, el comportamiento del mouse, etc.

Más información y demostraciones

Puedes contribuir al desarrollo de WaveSurfer-WP en GitHub

Temas y Traducciones son bienvenidos!

Truco de optimización: si solo usa este complemento en un par de páginas, lo invito a usar un complemento como Plugin Organizer o Gonzales para desactivar globalmente el complemento o su estilo, y hacer que cargue recursos solo en las páginas que lo necesiten.
No hay necesidad de eso en el back-end, solo para front-end.

Este jugador no tiene y no tendrá el botón “Me gusta”, el botón “Compartir”, el conteo de “Play” y el “Download”.
Si está buscando un reproductor de WordPress con características sociales y estadísticas avanzadas como SoundCloud o Hearthis.at, eche un vistazo a ZoomSounds.
Para otra integración de WordPress avanzada de wavesurfer-js, puede marcar WavePlayer de luigipulcini o WaveSurfer-Plus de GalleryCreator.

Al contrario del otro complemento de WordPress basado en wavesurfer-js, wavesurfer-js no se ha modificado en este complemento. Esto significa que puede extender la función de este complemento utilizando los métodos wavesurfer-js, y que las actualizaciones de la comunidad wavesurfer-js se incluirán en WaveSurfer-WP regularmente.

Complemento WaveSurfer-WP Premium

Un complemento premium está disponible para agregar características adicionales a WaveSurfer-WP.

  • Archivo de picos de caché
    Este complemento crea y carga picos a partir de archivos pequeños, que contienen valores de picos. No es necesario esperar a que se decodifique el audio completo para mostrar su forma de onda.

  • Sistema de marcadores
    Puede agregar elementos personalizados en sus páginas para buscar el reproductor WaveSurfer-WP en la posición deseada. Puede ser útil para agregar marcas, capítulos, e incluso se puede usar para transcripciones de audio interactivas.

  • Conecta y reproduce
    Estas características adicionales se empaquetan como un complemento. No es necesario eliminar y reemplazar el complemento original. Aún podrá beneficiarse de las traducciones realizadas por la comunidad. Además, el núcleo sigue siendo de código abierto, para permitir su contribución.

  • Plugin de TimeLine
    Cuando se activa gracias a un atributo de código corto, aparecerá una regla de tiempo personalizable debajo de su forma de onda.

Puedes comprarlo desde la página oficial del producto.
¡Gracias por considerar esta forma de apoyar a WaveSurfer-WP!

Infos adicionales

Es un puerto para WordPress de WaveSurfer-js de katspaugh.

También contiene Download-js by dandavis.

Donadores

¡Gracias a nuestros generosos donadores por apoyar este desarrollo de plugin!

  1. SignalToNoize.com
  2. Hawthonn
  3. Robar

¿Quieres contribuir o patrocinar una característica en particular? Nos vemos en la página de donaciones. Gracias !

Capturas de pantalla

  • Página de configuración de front-end
  • Página de configuración de back-end
  • Silenciar, colocar en bucle y descargar botones con el estilo de iconos planos

Instalación

Para una instalación automática a través de WordPress:

  1. Ve a la Añadir nuevo Pantalla de complementos en tu área de administración de WordPress
  2. Buscar WaveSurfer-WP
  3. Hacer clic Instalar ahora y activar el plugin

Para una instalación manual vía FTP:

  1. Subir el wavesurfer-wp directorio al / wp-content / plugins / directorio
  2. Activar el plugin a través de la Complementos pantalla en tu area de administrador de WordPress

Para cargar el plugin a través de WordPress, en lugar de FTP:

  1. Cargue el archivo zip descargado en la pantalla Agregar complementos * nuevos (vea el Subir pestaña) en tu área de administración de WordPress y activa.

Preguntas más frecuentes

Instrucciones de instalación

Para una instalación automática a través de WordPress:

  1. Ve a la Añadir nuevo Pantalla de complementos en tu área de administración de WordPress
  2. Buscar WaveSurfer-WP
  3. Hacer clic Instalar ahora y activar el plugin

Para una instalación manual vía FTP:

  1. Subir el wavesurfer-wp directorio al / wp-content / plugins / directorio
  2. Activar el plugin a través de la Complementos pantalla en tu area de administrador de WordPress

Para cargar el plugin a través de WordPress, en lugar de FTP:

  1. Cargue el archivo zip descargado en la pantalla Agregar complementos * nuevos (vea el Subir pestaña) en tu área de administración de WordPress y activa.
Aparecen los botones pero no la forma de onda.

Se interpretan los códigos cortos, pero hay un problema para cargar el archivo.

El error más común es que el archivo está alojado en un CDN que no está configurado para permitir el tipo de solicitudes realizadas por WaveSurfer-js.

Entonces, puedes elegir una de estas soluciones:

  • Desactive WaveSurfer para esta instancia en particular usando player = “default” en el código corto
  • Vaya a su panel de configuración de CDN y permita Access-Control-Allow-Origin para XMLHttpRequest
  • Aloje su archivo en su servidor principal

II / Este problema también puede ocurrir si su archivo no es compatible con su navegador.

Algunos combo de formatos de audio / navegadores no son posibles. Esto no puede ser arreglado por nuestro lado. (Por ejemplo, wav 24 bits en Firefox).
Convierta el archivo a un formato más compatible con la web e intente nuevamente.

III / También, verifique que se pueda acceder a su archivo a través de http (también conocido como, compruebe si el enlace es válido).

Por favor reporte otros problemas en el foro de soporte.

Opiniones

Gran plugin con buenas características premium y soporte

Zesvoetvier

La configuración básica es excelente, la configuración premium incluso mejor (¡formas de onda en caché!) Al principio, combinarla con el complemento Ajax Load More fue un poco difícil, pero los ajustes rápidos realizados por el desarrollador realmente me hicieron el día.

¡Simplemente perfecto!

andeaeaforce

¡Buen trabajo! ¡Funciona realmente bien!
¡Gracias!

Este plug-in es muy potente.

blaze1999

Compré este plugin

Este plug-in es muy potente.

Para mi sitio ahorrar mucho tráfico.

Le di al autor algunos comentarios, el autor me ayudó a resolver

muchas gracias

mi sitio:
http://100audio.com/en/

funciona bien

Benoti

Funciona bien. Gracias

¡Buen trabajo!

mikblog

Gracias por hacer este plugin!

realmente impresionante

agencias primero

Funciona muy bien y simple, buen trabajo, gracias 🙂
La forma de onda no funciona en un entorno multisitio.

Leer las 11 críticas

Colaboradores y Desarrolladores

“WaveSurfer-WP” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduzca “WaveSurfer-WP” a su idioma.

¿Interesado en el desarrollo?

Examine el código, visite el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

2.7.5 (2017-05-16)

  • Prevenir algunos errores con AJAX init.

2.7.4 (2017-05-16)

  • Compatibilidad con matrices de ID para códigos de lista de reproducción

2.7.3 (2017-04-18)

  • Filtros: mejor lógica.
  • Scripts: dependencias de minificación. Las versiones de desarrollo se pueden cargar gracias a la variable de WordPress SCRIPT_DEBUG.
  • Mejor compatibilidad con AJAX.

2.7.2 (2017-04-14)

  • Atributo de código breve continuo para el soporte de listas de reproducción para el complemento premium

2.7.1 (2017-01-27)

  • Mejores nombres de gancho interno

2.7 (2017-01-19)

  • Agregue duración de sonido, título (retroceso al título de la publicación), miniatura y artista en las pistas de la lista de reproducción
  • Arreglar el comportamiento del atributo de código corto “por defecto” para las listas de reproducción
  • MultiSite amigable
  • Avisos arreglados
  • Pequeñas mejoras de estilos.
  • Posibilidad de poner en cola / en cola una fuente de iconos personalizada (el valor predeterminado es en cola)

2.6.4 (2016-12-21)

  • Estilos actualizados para el sistema de marcadores interactivos WaveSurfer-WP-Premium

2.6.3 (2016-11-29)

  • La compatibilidad de carga de páginas AJAX está de vuelta
  • Enlace de JavaScript para la inicialización del reproductor WaveSurfer-WP personalizado

2.6.2 (2016-11-22)

  • Arreglado el comportamiento de la lista de reproducción.
  • Volver a wavesurfer-js original tenedor.
  • Se reparó la lista de reproducción con un solo error de advertencia de archivo

2.6.1 (2016-10-31)

  • Se corrigió un error de advertencia de PHP de código abreviado de lista de reproducción.

2.6 (2016-10-24)

  • Se agregaron nuevos filtros para agregar de forma masiva atributos de shortcode o datos de forma de onda.

2.5.3 (2016-10-22)

  • Optimizaciones para WaveSurfer-WP Premium

2.5.2 (2016-10-19)

  • Rendimiento: no cargar audio a menos que se haga clic en la reproducción (las formas de onda aún están dibujadas en la página preparada)

2.5.1 (2016-10-17)

  • Lista de reproducción fija con un solo problema de archivo.

2.5 (2016-10-07)

  • Actualizado para el complemento WaveSurfer-WP Premium
  • Mejor nombre de dominio de localización.
  • Actualizar wavesurfer-js con versión personalizada
  • Varias mejoras

2.3.1 (2016-03-23)

  • El jugador ahora puede ser traducido

2.3 (2016-03-20)

  • Juega un jugador pausa los otros
  • Los scripts solo se cargan cuando el shortcode está presente
  • El botón Loop en la lista de reproducción ahora funciona como se esperaba
  • “Reanudar” en lugar de “Jugar” para jugadores en pausa

2.2 (2016-03-15)

  • Backend: para respaldar MediaElement en lugar de WebAudio, lo que hace posible reproducir mientras se carga el archivo. Ya no se necesita barra de progreso mientras se carga, y quizás menos restricciones con CDN.
  • altura shortcode y ajuste
  • El botón Reproducir / Pausa ahora es solo Reproducir o Pausa según su estado. Lo mismo para los botones Mute y Loop, con Unmute y Unloop, para una mejor accesibilidad.
  • Prevenir el error de índice z en el estilo
  • Prevenir error de lienzo de ancho máximo
  • Optimización de inicio de script
  • WaveSurfer-js 1.0.58 desde 2016-02-28

2.1.3 (2016-02-23)

  • Corregir doble barra diagonal en la URL (gracias a Glen Rowell)

2.1.2 (2016-01-05)

  • AJAX cargando páginas compatibles
  • Pocas optimizaciones de HTML

2.1.1 (2016-01-03)

  • El atributo Src en el código corto de audio ahora es válido

2.1.0 (2016-01-03)

  • Soporte de código de reproducción
  • Forma de onda sensible
  • Paquetes Lang eliminados (ahora alojados por WordPress.org)

2.0.0 (2015-12-29)

  • Nueva representación de WebAudio para un mejor rendimiento
  • wavesurfer.js 1.0.48

1.1.0 (2015-11-30)

  • Ajuste del color del cursor y código corto
  • Descargar Button shortcode
  • Código abreviado del botón de bucle
  • Botón abreviado del botón
  • Tema de iconos planos
  • Los botones Reproducir / Pausa se han fusionado

1.0.0 (2015-11-24)

  • Primer lanzamiento.

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta