potresti provare https://audiomotion.dev
codice:<!DOCTYPE html> <html lang="it-IT"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> canvas { width: 300px; height: 65px; } .audioblock { width: 300px; } </style> </head> <body> <div class="audioblock"> <div id="container"></div> <audio src="Alpha.mp3" id="audio" controls crossorigin></audio> </div> <script type="module"> // load module from Skypack CDN import AudioMotionAnalyzer from 'https://cdn.skypack.dev/audiomotion-analyzer?min'; // audio source const audioEl = document.getElementById('audio'); // instantiate analyzer const audioMotion = new AudioMotionAnalyzer( document.getElementById('container'), { source: audioEl, height: window.innerHeight - 50, mode: 5, gradient: 'prism', //classic / prism / rainbow lineWidth: 2, fillAlpha: .5, barSpace: .5, showLeds: false } ); </script> </body> </html>

Rispondi quotando