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>
Permessi di invio
Rispondi quotando
