Come creare audiogrammi: da modelli gratuiti a codice personalizzato
Un audiogramma è un breve video che visualizza l'audio—animazione della forma d'onda, didascalie, branding—trasformando un clip di podcast, citazione o soundbite in contenuto condivisibile sui social. Ecco come crearli a ogni livello di abilità.
Livello 1: Zero codice, basato su modelli (5–15 min)
| Strumento | Costo | Caratteristiche principali | Ideale per |
|---|---|---|---|
| Headliner.app | Gratis (5 video/mese, filigrana); $7.99/mese Pro | Auto-trascrizione, animazione forma d'onda, preset aspetto (IG Reels, TikTok, YT Shorts), import RSS | Podcaster, clip settimanali |
| Wavve.co | Gratis (1 min, filigrana); $12.99/mese | Template di design, stile didascalie, programmazione diretta social | Marketer, agenzie |
| Canva | Gratis; Pro $12.99/mese | Elemento "Forma d'onda audio", 100+ template, brand kit, esportazione video | Designer, coerenza brand |
| Kapwing | Gratis (filigrana, 4 min); $16/mese Pro | Forma d'onda, sottotitoli automatici, editor timeline, collaborazione | Team, modifiche rapide |
| Descript | Gratis (1 ora/mese); $12/mese Creator | Editing basato su testo, Overdub, template audiogramma, multicam | Podcaster che montano in Descript |
Flusso rapido Canva
- Cerca template "Audiogramma" → scegli 1080×1920 (Reels/TikTok) o 1080×1080 (Feed).
- Carica audio (MP3/WAV, ≤ 60 sec ideale).
- Trascina elemento forma d'onda → si auto-sincronizza all'audio.
- Aggiungi: titolo testo, citazione estratta, logo, barra avanzamento, sfondo video/foto.
- Anima: fade-in testo, impulso forma d'onda.
- Scarica MP4 (H.264, 30 fps).
Livello 2: Editor video — Controllo completo (15–60 min)
| Editor | Piattaforma | Funzione forma d'onda | Curva di apprendimento |
|---|---|---|---|
| DaVinci Resolve (Gratuito) | Win/Mac/Linux | Fusion: nodo Forma d'onda audio + shader personalizzati | Ripida |
| Premiere Pro | Win/Mac | Essential Sound → Genera forma d'onda; o mogrt di terze parti | Media |
| Final Cut Pro | Mac | Titoli → Visualizzatore Audio (integrato) | Bassa–Media |
| After Effects | Win/Mac | Effetti Audio Spectrum / Audio Waveform + espressioni | Alta |
| CapCut (Desktop/Mobile) | Tutte | Sottotitoli automatici + adesivo "Onda Sonora" | Molto bassa |
Premiere Pro: Forma d'onda nativa (nessun plugin)
- Posiziona audio sulla timeline.
Finestra → Essential Sound→ tagga come "Dialogo" / "Musica".- Clic destro sul clip → Genera Forma d'onda Audio (crea clip grafico su traccia video).
- Personalizza: pannello Essential Sound → Impostazioni forma d'onda (colore, altezza, stile: barre/linea/cerchio).
- Aggiungi didascalie:
Finestra → Testo → Didascalie → Crea da Trascrizione.
Livello 3: Sviluppatore / Personalizzato — Flessibilità illimitata
Stack Web (React + Canvas/WebGL)
// Renderer forma d'onda minimo (Canvas API)
const audioCtx = new AudioContext();
const response = await fetch('clip.mp3');
const arrayBuffer = await response.arrayBuffer();
const audioBuffer = await audioCtx.decodeAudioData(arrayBuffer);
const data = audioBuffer.getChannelData(0); // Float32Array
// Downsample per visualizzazione
const samplesPerPixel = Math.ceil(data.length / canvasWidth);
const peaks = [];
for (let i = 0; i < canvasWidth; i++) {
const start = i * samplesPerPixel;
const end = start + samplesPerPixel;
let min = 1, max = -1;
for (let j = start; j < end; j++) {
const v = data[j];
if (v < min) min = v;
if (v > max) max = v;
}
peaks.push({ min, max });
}
// Disegna barre nel ciclo requestAnimationFrame sincronizzato a Librerie: wavesurfer.js (matura, plugin), tone.js (sintesi + viz), p5.js (creative coding).
Python (Batch/Server-side)
import moviepy.editor as mpe
import numpy as np
from scipy.io import wavfile
sr, data = wavfile.read('input.wav')
duration = len(data) / sr
# Crea frame forma d'onda
def make_frame(t):
# ... disegna frame matplotlib/opencv per tempo t ...
return frame
clip = mpe.VideoClip(make_frame, duration=duration)
clip.audio = mpe.AudioFileClip('input.wav')
clip.write_videofile('audiogramma.mp4', fps=30, codec='libx264', audio_codec='aac')
Best practice di design (tutti i livelli)
- Durata: 15–60 sec. Aggancia nei primi 3 sec.
- Proporzione: 9:16 (Reels/TikTok/Shorts), 1:1 (Feed), 16:9 (YouTube/LinkedIn).
- Didascalie: Bruciate, alto contrasto, ≤ 2 righe, sincronizzate alle parole.
- Branding: Logo filigrana, colori brand, font consistente.
- CTA: "Episodio completo link in bio" / "Segui per altro".
- Qualità audio: −16 LUFS (standard piattaforma), true peak −1 dBTP.
Legale
- Usa solo audio che possiedi/licenzi.
- Musica: licenza sync richiesta (non coperta da meccanica).
- Visuali: royalty-free (Unsplash, Pexels) o originali.
Inizia con Headliner o Canva oggi. Passa a Premiere/Resolve quando hai bisogno di animazione personalizzata. Codificalo da solo quando stai costruendo un SaaS o automatizzando centinaia di clip/settimana.