vedi articolo di fabien qui: https://fabiensanglard.net/floating_point_visually_explained/index.html
TODO
Se desideri mostrare del codice HTML all'interno dei tag
senza che il browser lo interpreti come codice HTML effettivo, devi eseguire l'escape dei caratteri speciali. I caratteri principali che richiedono l'escape sono:< (minore) → < > (maggiore) → > & (e commerciale) → & " (virgolette doppie) → " ' (virgolette singole) → ' (non sempre necessario, dipende dal contesto)
Un modo per embeddare uno score player dentro alla pagina web, con tanto di visualizzazione della playhead che si muove sulla partitura. E' possibile farlo con XML?
Take a look at this article by fabien sargland
Sembra che Fabien stia usando wavesurfer.js;
A fondo pagina infatti vedo qualcosa di questo tipo
<script src="wavesurfer.js"></script> <script type="text/javascript"> var intro_without_sfx = WaveSurfer.create({ container: '#waveform_without_sfx', waveColor: '#aaaaaa', progressColor: '#000000', cursorColor: '#DD0000', barHeight: 2, }); intro_without_sfx.load('nosfx.mp3'); var intro_with_sfx = WaveSurfer.create({ container: '#waveform_with_sdx', waveColor: '#aaaaaa', progressColor: '#000000', cursorColor: '#DD0000', barHeight: 2, }); intro_with_sfx.load('oksfx.mp3'); function update(e, wf) { if (wf.isPlaying()) { wf.pause(); e.innerText = "Play"; } else { wf.play(); e.innerText = "Stop"; } } </script>mentre all'interno della pagina web, nei punti in cui si voglia collocare la visualizzazione della forma d'onda si ha questo:
e anche
Take inspiration from these links:
- discussion on stack overflow: https://stackoverflow.com/questions/38727741/play-a-moving-waveform-for-wav-audio-file-in-html
- https://wavesurfer.xyz/