Quiero renderizar una forma de onda para un archivo de audio (ogg y/o mp3) en un elemento canvas.¿Cómo se renderiza la forma de onda de audio en un lienzo HTML5?
Me preguntaba si había alguna biblioteca que hiciera esto tan simple? Estoy buscando un resultado en estas líneas: http://plucked.de/
https://github.com/katspaugh/wavesurfer.js puede ser lo que estás buscando.
Si no desea descargar el contenido del archivo, la imagen de forma de onda o los datos se deben preparar en el servidor.
Hace algún tiempo, la BBC (sí, compañía de medios del Reino Unido) abrió un conjunto de herramientas para hacerlo de manera eficiente. Todo está descrito en su blog: http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms
Poco: en el lado del servidor Linux usted tiene que convertir archivos de sonido (FLAC, WAV o MP3) para la interpolación de forma de onda basada en JSON con audiowaveform herramienta de línea de comandos. A continuación, sirve los datos JSON al navegador del cliente que representará la forma de onda en el elemento canvas con waveform-data.js.
Aquí hay otro plugin js de forma de onda, bajo la licencia MIT, pero podría ser específico de SoundCloud y necesitar trabajo adicional.
Bienvenido a Stack Overflow! Simplemente vinculándolo a una biblioteca no es una buena respuesta. Explicar por qué soluciona el problema y proporcionar un código utilizando la biblioteca para obtener una mejor respuesta. Consulte: [** ¿Cómo puedo vincular un recurso externo de una manera amigable con la comunidad? **] (https : //meta.stackexchange.com/questions/94022/how-can-i-link-to-an-external-resource-in-a-community-friendly-way) –
¿Usted sabe cómo utilizarlo sin tener que esperar las olas aparecen antes de poder reproducir la canción? Es realmente más lento:/(Mira la prueba de mi sitio web: [link] (http://patrickcosta.webs.com/index.html) –
No, no, espero que hayas encontrado una forma. Terminé trabajando en Otro proyecto – nak
¿Alguna alternativa de OSS? Lo anterior es publicado bajo Creative Commons 3 ... –