Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Onda traccia audio

  1. #1

    Onda traccia audio

    E possibile visualizzate l'onda della traccia audio in esecuzione?

  2. #2
    Utente di HTML.it L'avatar di ninja72
    Registrato dal
    May 2020
    residenza
    -
    Messaggi
    177
    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>

  3. #3
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,095
    interessante argomento, ci sono diverse risorse in rete
    https://www.google.com/search?q=html+audio+waveform

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.