Visualizador de audio circular en Vanilla JavaScript-onda de audio circular
| Autor: | kelvinau |
|---|---|
| Views Total: | 1,878 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 15, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un visualizador de audio moderno y circular escrito en JavaScript puro que proporciona una visualización basada en frecuencia y pulsaciones por minuto para cualquier audio dentro del documento.
Fuertemente basado en el < a href = "https://github.com/apache/incubator-echarts" target = "_ blank" rel = "noopener" > echarts biblioteca JavaScript.
Funcionamiento
Inserte la versión minimizada de la biblioteca circular de audio wave en el archivo HTML.
<script src="circular-audio-wave.min.js"></script>
Cree un contenedor para colocar el visualizador de audio circular.
<div id="example"></div>
Cargue un audio de su elección en el documento.
let wave = new CircularAudioWave(document.getElementById('example'));
wave.loadAudio('audio.mp3'); Reproduzca el sonido y active el visualizador de audio circular.
wave.play()
Si desea utilizar el efecto ' Sunburst '.
let wave = new CircularAudioWave(document.getElementById('example'), {
mode: 'sunburst'
}); Activar/desactivar la función de bucle infinito.
let wave = new CircularAudioWave(document.getElementById('example'), {
loop: true // default: false
}); Registro de cambios
07/15/2018
- Corrija el código tipográfico y el formato
07/12/2018
- utilizar sólo los gráficos necesarios de ECharts para reducir el tamaño del archivo Dist
