From 7be2ce05a7c6bbe3894f997f20de356baf4b4744 Mon Sep 17 00:00:00 2001 From: cammo22 <78992276+cammo22@users.noreply.github.com> Date: Fri, 30 Oct 2026 17:48:06 +0100 Subject: [PATCH 1/5] README come pagina prodotto: download, funzioni, requisiti, AI pronta o opzionale Co-Authored-By: Claude Haiku 5.5 --- README.md | 315 ++++++++++++++++++++---------------------------------- 1 file changed, 117 insertions(+), 198 deletions(-) diff --git a/README.md b/README.md index 112ea0e..9e02a84 100644 --- a/README.md +++ b/README.md @@ -1,209 +1,128 @@ -

- Entra nella community DaProd su Discord + DaProd Editor Video
+ Un editor video per Windows e Mac, in stile banco di montaggio.
+ Lo tieni sul tuo PC. Niente account, niente abbonamento.

-# DaProd · Editor Video 🎬 +

+ Versione + Offline + Gratis + Licenze di terzi +

-[![▶ PROVA ORA](https://img.shields.io/badge/%E2%96%B6_PROVA_ORA-DaProd_Video-ffd54a?style=for-the-badge&labelColor=1a1428)](https://cammo22.github.io/DaProdVideo/app/) +
-[![Home](https://img.shields.io/badge/GitHub_Pages-la_home-success?style=flat-square)](https://cammo22.github.io/DaProdVideo/) -[![Release](https://img.shields.io/github/v/release/cammo22/DaProdEditorVideo?style=flat-square&label=release&color=ff3df2)](https://github.com/cammo22/DaProdEditorVideo/releases/latest) -[![Changelog](https://img.shields.io/badge/📅_Changelog-mantenuto-ffab00?style=flat-square)](CHANGELOG.md) -[![Tauri 2](https://img.shields.io/badge/Tauri_2-Rust-24c8db?style=flat-square&logo=tauri)](https://tauri.app/) -[![Licenza MIT](https://img.shields.io/badge/Licenza-MIT-blue?style=flat-square)](LICENSE) -[![Discord](https://img.shields.io/badge/Discord-DaProd-5865F2?logo=discord&logoColor=white)](https://discord.gg/Njs52aacwq) +

Scarica

-Il **banco di montaggio DaProd**: vecchio stile, moderno dentro. Un monitor grande, il **contenitore** come un -esplora risorse (le tue **cartelle**, e transizioni ed effetti con le **anteprime fatte coi fotogrammi del tuo -montaggio**), la **pulsantiera** con i tasti grandi, i **livelli a barra**, gli **FX a blocchetti sopra le clip** -(effetti e transizioni, coi loro suoni), la titolatrice, le **dissolvenze con la forma** (analogica, morbida, a S), i -**proxy su richiesta da Attività** per andare lisci anche coi file pesanti, la **pagina Finale** per colore, **sottotitoli -scritti dall'AI** (Nemotron di NVIDIA o Whisper, sul tuo computer), **voce AI**, **velocità delle clip** (Alt+E) col movimento fluido e logo su tutto il montaggio, **più timeline** nello stesso -progetto, la pagina **LIVE** per registrare lo schermo **con la webcam a bolla** (3-2-1, pausa, segni, telecomando), -il **pacchetto .daprod** con dentro tutti i file e la **EDL**. Cursore sul punto, premi **1** e tagli, premi **2** -ed elimini. Arriva su **Windows, poi Linux e Mac** e, in versione prova, **nel browser**. +

+ Scarica per Windows, installer + Scarica per Windows, portatile + Scarica per Mac +

-![Il banco di montaggio](risorse/schermata.png) +

Dalla pagina delle release scegli il file della tua versione:
+DaProd-Video-<versione>-setup.exe (installer Windows) · DaProd-Video-<versione>-portatile.exe (Windows senza installazione) · DaProd-Video-<versione>.dmg (Mac).

-| La pagina Finale: i sottotitoli scritti dall'AI, col menu a destra | Il contenitore a cartelle: la transizione provata sui tuoi fotogrammi | -| --- | --- | -| ![Pagina Finale](risorse/finale.png) | ![Contenitore](risorse/contenitore.png) | +

Windows può dire «Windows ha protetto il PC»: premi Ulteriori informazioni → Esegui comunque. Il Mac, la prima volta: tasto destro → Apri. I file non sono firmati a pagamento.

-| Il cubo 3D | Transizioni e proprietà | -| --- | --- | -| ![Cubo 3D](risorse/cubo.png) | ![Pannello Transizioni](risorse/schermata-transizioni.png) | +
-| Più timeline e i sottotitoli nella riga SOTT | LIVE: lo schermo in stile presentazione, con la webcam a bolla | -| --- | --- | -| ![Timeline e sottotitoli](risorse/timeline.png) | ![Pagina LIVE](risorse/live.png) | - -## ▶ Come si monta - -> **Non sai dove sta una cosa?** Premi **`Ctrl+K`** (o 🔍 **Cerca** in alto) e scrivi quello che vuoi fare: *rallenta*, -> *sottotitoli*, *togli lo sfondo*, *dissolvenza*, *titolo neon*… e la fai da lì, col suo tasto accanto. **`F1`** apre -> **Come si fa**: una guida corta per ogni lavoro, col pulsante **Fallo adesso** che ti porta proprio al punto giusto. -> Tutte le funzioni AI (sottotitoli, traduzione, voce, sfondo, tracking, montaggio automatico, colore) stanno insieme nel -> **Centro AI** (pulsante ✨ **AI** in alto o menu **AI**), con **Controlla l'AI** che prova sul tuo computer se tutto è a posto. - -0. In alto c'è la **barra bianca** con le cose rapide: Progetti, Salva, Importa, Annulla/Ripeti, il nome del progetto e Cerca. Sotto, la testata coi menu, le pagine ed Esporta. - All'apertura trovi la **pagina iniziale**: i progetti recenti (con la miniatura), Nuovo, Apri e DaProdMontage. Torni quando vuoi dal tasto **Progetti** in alto. -1. **Importa** i video (pulsante *Importa*, `Ctrl+I`, o trascinali nel contenitore). Il primo video decide il formato del progetto. Nel contenitore a sinistra c'è l'albero: **Video, Musica, Immagini** e **le tue cartelle** (*Nuova cartella*, trascina i file dentro); importando da una cartella il file entra lì, da Musica la finestra mostra solo gli audio. -2. Nel **contenitore** passa il mouse su un video: scorre avanti e indietro col puntatore. **Trascinalo** nella timeline, o premi **+** per metterlo al cursore (e il cursore va alla fine: +, +, + e hai la scaletta). Se lì è occupato va su una traccia libera: **niente viene coperto**. -3. Vuoi scegliere il pezzo? **Doppio clic**: si apre nel monitor come **sorgente**. Segna **attacco** (`I`) e **stacco** (`O`) e premi **`,`** (inserisci) o **`.`** (sovrascrivi). **Tab** torna al montaggio. -4. Cursore dove vuoi (la **rotella** va di un fotogramma alla volta, col suono) e **`1`**: taglio. Il pezzo più corto è già scelto: **`2`** e via, e si passa alla clip dopo. **`Q`** / **`W`** tolgono lo scarto a sinistra / a destra del cursore. -5. **Accendi le tracce** (clic sul nome) e il taglio tocca solo quelle. **`S`** separa l'audio dal video, o unisce più clip in un gruppo. -6. **Effetti e transizioni sono blocchetti sopra le clip**: una striscia sottile in basso sulla traccia video, niente corsia a parte. Trascina un **effetto** (lampo, scossa, zoom colpo, glitch, dal nero, zoom lento, camera a mano, bande cinema, e le **luci** e le **distorsioni**: bagliore, riflesso d'obiettivo, neon, onda, bolla, vortice, caleidoscopio…) sopra una clip: **si sistema da solo** all'inizio, alla fine o centrato sul taglio fra due clip (lontano dai bordi resta dove lo lasci), e vale per la sua traccia e per quelle sotto. Trascina una **transizione** (dissolvenza, passaggio al nero, spinta, zoom, mosaico, **cubo 3D**, girata, onda, lampo, glitch, tendine SMPTE con stella e cuore, frusta, rotazione, lama di luce, tenda, polvere…) vicino a un taglio: si centra da sola, e **più è lunga più è lenta**. Poi **allungali dai bordi**. Due o più sullo stesso punto **si sommano e si fondono**. Molti hanno già il **loro suono** (whoosh, colpo, zap, glitch, salita…), spento di partenza: l'**altoparlante sul blocco** lo accende con un clic, il **tasto destro sull'altoparlante** apre i suoni e **passandoci sopra li senti**. **Clic su un blocco o su una clip** e il pannello di destra mostra le sue impostazioni (📌 lo tiene sempre in vista). I blocchetti **seguono la clip** su cui stanno. Le clip non cambiano mai durata. Anche gli **effetti della clip** (Vivace, Caldo, Cinema, Pellicola, Vignetta…) si sommano fra loro. -7. Il **volume** è la linea gialla sulle clip audio: trascinala, doppio clic per un punto, tasto destro → *Abbassa qui*. I **quadratini in alto** agli angoli di ogni clip sono le dissolvenze: tirali verso l'interno; poi **trascina la linea della dissolvenza su o giù** per la forma (analogica che parte piano piano, morbida, veloce; tasto destro sul quadratino → anche **a S** e le durate pronte; doppio clic la raddrizza). **Fade in, fade out, incrocio, eco, ovattato** si trascinano dal contenitore sulle clip audio. Il tasto **fx** in fondo alla clip accende gli effetti al volo. -8. **`F9`** apre la pagina **Finale**, col suo menu a destra: **colore** (automatico su tutto, look, ritocchi, prima/dopo), **audio** finale col limitatore, **sottotitoli** (**scritti dall'AI**: Nemotron 3.5 di NVIDIA (nell'app, su scheda NVIDIA, Mac o CPU) o Whisper ascoltano la presa diretta, e dall'italiano Whisper li scrive anche direttamente in inglese; o i tempi dai dialoghi da riempire a mano; importa ed esporta .srt e .vtt), **logo** sempre in vista, **apertura** e chiusura (clip, titoli, dal nero e al nero), **lingue e AI** (compresa la **voce AI**: i sottotitoli letti da una voce di NVIDIA) ed **esporta** (MP4, MOV, WebM, WAV, EDL, .srt, .vtt). -9. I **sottotitoli** stanno nella riga **SOTT**, fra le tracce video e quelle audio: **trascinali**, tira i bordi per i tempi, **doppio clic** (o **F2**) per scrivere o correggere il testo (Invio conferma, Maiusc+Invio va a capo, Ctrl+Invio divide la riga dove sta il cursore, Tab passa alla riga dopo), tasto destro per **unire** (appaiono insieme) o **dividere**. Nel Finale ogni riga ha i tasti ⇤ ⇥ − + per sistemare i tempi al volo. I sottotitoli «scritti nel video» escono bruciati nel filmato esportato. -10. **Più timeline**: le schede sopra la timeline, il **+** ne fa una nuova o una copia; doppio clic per rinominarla. -11. **`F10`** apre la pagina **LIVE**: **REGISTRA** (`R`, col 3-2-1), **PAUSA** (`Spazio`), **SEGNA** (`M`), **FERMA** (`F`). Col microfono (VU e scelta del microfono), l'audio del computer e la **webcam**, che si registra a parte e va sulla traccia sopra come **bolla** nell'angolo che scegli; lo **stile presentazione** mette lo schermo con angoli tondi e ombra su uno sfondo sfumato. Con **più finestre al volo** aggiungi altre finestre mentre registri (**N**) e passi dall'una all'altra (**1-9**, **L** cambia la disposizione). Il **TELECOMANDO** è una finestrella quasi quadrata, sempre sopra le altre, con l'**anteprima** di quello che registri, PAUSA grande, SEGNA, cambio finestra e FERMA. Tutto finisce nella cartella *Registrazioni* e in fondo alla timeline, legato insieme. -12. **`V`** stringe la timeline: **proprietà, mixer e VU scendono fino in fondo** a destra (di nuovo `V` per tornare larga). La **barra a destra** della timeline scorre su e giù fra le tracce. -13. **`P`** fa un'**istantanea** del fotogramma nel contenitore, da allungare quanto vuoi (**`Shift+P`**: fermo immagine al cursore). -14. **Sull'immagine del monitor**: clic su quello che vedi e lo scegli; trascina per spostarlo, tira un angolo per ingrandirlo, il pallino in alto lo gira. tira un lato per stirare (Maiusc sugli angoli, Ctrl dal centro, **✂** per ritagliare) e Ctrl+clic sceglie quella sotto. **↝ Movimento** gli dà una posizione d'inizio e una di fine e tutte le **tappe** che vuoi (**＋**, o fermo fra due tappe muovi) e ci passa dentro piano piano; **🎯** segue un oggetto (tracking) e titoli, immagini ed effetti lo inseguono; nelle proprietà ci sono i movimenti pronti (entra da sinistra, sale dal basso, si avvicina…). Gli effetti come **bolla**, **vortice** e **zoom** hanno un mirino: mettilo dove vuoi, anche in movimento. Più **transizioni sullo stesso taglio si sommano**. -15. **File → Salva il pacchetto .daprod**: il progetto **con dentro tutti i suoi file** (uno zip vero, i file restano identici). Lo apri su un altro computer e ritrovi tutto. Il **.dpv** invece è il progetto leggero: tiene il montaggio, i file restano dove sono. -16. **`F8`** apre **DaProdMontage**, la quarta pagina: butta dentro **foto e video alla rinfusa** (anche solo foto), scegli **cosa festeggi** (28 stili: matrimonio, battesimo, comunione, cresima, laurea, compleanno, Natale, viaggio, reel verticale…), quanto deve durare e, se vuoi, il brano. **✨ CREA IL MONTAGGIO** e il programma ordina le foto (per data di scatto), le tiene il tempo giusto, le muove, mette transizioni, titoli e quello che cade sopra, appoggia i tagli ai battiti. Lo vedi **in anteprima nel monitor in alto**: se non ti piace **🎲 Rigenera** (ogni volta cambia, anche con le stesse scelte), se ti piace **✅ Importa nella timeline** e lo ritocchi. -17. **Togliere lo sfondo**: sulla clip, **Proprietà → Sfondo** (o il tasto **SFONDO** sul monitor). **Colore** (green screen con fino a 3 colori, contagocce, via il riflesso), **Luce** o **AI** (soggetto, persona, oggetti coi clic). **Generatori → Animazioni**: 49 animazioni personalizzabili (sottopancia, testi, grafici, social, fondi, cerimonie). -18. **La barra delle attività** (in basso a destra) mostra sempre cosa fa il programma dietro le quinte — riaprire i file, forme d'onda, colore, copie leggere, conversioni, sottotitoli e voce con l'AI — con la percentuale e il tempo che manca. **Un clic** apre il pannello con tutte le righe (passati, mancano, in coda, finite da poco): **✕** ferma una riga, **⏸ Pausa** ferma i lavori in coda. I lavori pesanti vanno uno alla volta e aspettano mentre il montaggio suona; riaprendo un progetto con tante clip si riaprono prima i file che stanno in timeline, e le misure già fatte (forme d'onda, colore, locandine) si ricordano. -19. A **schermo pieno** le tracce crescono da sole; **`Ctrl+Shift`+rotella** le alza e le abbassa. Nell'app **`Ctrl +`** e **`Ctrl −`** ingrandiscono tutta l'interfaccia. - -### 🎛 La pulsantiera - -| Tasto | Cosa fa | Tasto | Cosa fa | -| --- | --- | --- | --- | -| **1** | taglia al cursore (le tracce accese, o tutte) e sceglie il pezzo più corto | **5** | dissolvenza incrociata sul taglio più vicino | -| **2** | elimina la clip scelta (con la sua audio) e passa alla dopo | **6** | tendina sul taglio | -| **3** | elimina e chiude il buco (ripple) | **7** | passaggio al nero | -| **S** (o **4**) | separa un gruppo / unisce più clip in un gruppo | **8** | dissolvenza in apertura e chiusura | -| **Q** | via lo scarto a sinistra del cursore | **W** | via lo scarto a destra del cursore | - -| Tasto | Cosa fa | Tasto | Cosa fa | -| --- | --- | --- | --- | -| `Spazio` | play / stop | `J` `K` `L` | shuttle indietro, fermo, avanti (ripeti: ×2 ×4 ×8 ×16) | -| `←` `→` rotella | un fotogramma, col suono (`Shift+←→`: un secondo) | `↑` `↓` | taglio precedente / successivo | -| `I` `O` | attacco e stacco (sul monitor) | `Alt+X` | toglie attacco e stacco (anche la ✕ sul monitor) | -| `,` `.` | inserisci / sovrascrivi dalla sorgente (`[` `]` su tastiera USA) | `E` `Invio` | EDIT nel modo attivo | -| `Z` `X` | solleva / estrai fra attacco e stacco | `Shift+R` | rivedi l'ultimo montaggio con il preroll | -| `Tab` | monitor: sorgente ↔ montaggio | `F` | abbina fotogramma (la sorgente nel monitor) | -| `Ins` | modo libero / inserisci | `R` `N` `B` | ripple, calamita, linea della **trasparenza** sui video | -| `Shift+Q` | attacco e stacco sulla clip sotto il cursore | `Ctrl+Shift`+rotella | tracce più alte / più basse | -| `F9` | pagina Montaggio ↔ pagina **Finale** | `F10` | pagina **LIVE** (registra lo schermo) | -| `V` | timeline stretta ↔ larga (proprietà e VU fino in fondo) | `Alt+Shift`+trascina | sposta la clip **e tutto quello dopo**, su tutte le tracce (come EDIUS) | -| `M` | marcatore | `T` | titolo al cursore · `G` zone di sicurezza | -| `P` | **istantanea** del fotogramma nel contenitore | `Shift+P` | **fermo immagine** di 2 s al cursore | -| `Ctrl+Z` `Ctrl+Y` | annulla / ripeti (200 passi) | `Ctrl+C` `X` `V` | copia, taglia, incolla le clip | -| tastierino `0-9` | scrive il timecode (`1000` = 10 s, `+25`) | `F1` | tutti i tasti | - -Con il mouse: **trascina** per spostare (anche di traccia: si ferma contro le vicine, non copre niente), i -**bordi** per il trim, **Shift** sul taglio per il roll, **Alt** per lo slip, **Ctrl** per il trim ripple, -**Alt+Shift** per spostare la clip e tutto quello che viene dopo, su tutte le tracce, insieme. -**Rotella** = un fotogramma per scatto col suono, **Ctrl+rotella** = zoom, **Shift+rotella** = scorri, -**Alt+rotella** = su e giù fra le tracce. **Tasto destro** sulla clip: elimina lo scarto a sinistra/destra di -quel punto, transizioni all'inizio e alla fine, effetti a tempo, *Abbassa qui*; sul **blocchetto FX**: durata, -centra sul taglio, cambia, **suono** (quale, acceso/spento, volume), colore, "ripeti subito dopo"; sull'**altoparlante** del -blocchetto: i suoni, da sentire passandoci sopra; sulla **riga SOTT**: unisci, dividi, inizia e finisci al cursore. I menu -stanno sempre dentro lo schermo. La **barra in fondo è un navigatore**: trascina la -finestra gialla per scorrere, tira i suoi bordi per lo zoom. Ogni bordo fra i pannelli si trascina -(doppio clic lo chiude). **Doppio clic sull'immagine**: schermo intero con la timeline in piccolo e i VU. -Sul telefono: tocco = cursore, **tieni premuto** e trascina per spostare, **due dita** per lo zoom. - -## 📥 App: Windows, poi Linux e Mac - -I file delle [release](https://github.com/cammo22/DaProdEditorVideo/releases/latest): - -| | File | Come si usa | -| --- | --- | --- | -| 🪟 Windows | `DaProd-Video-X.Y.Z-portatile.exe` | niente installazione: doppio clic e parte. Se SmartScreen avvisa: *Ulteriori informazioni → Esegui comunque* | -| 💿 Windows | `DaProd-Video-X.Y.Z-setup.exe` | installa con il collegamento nel menu Start (senza permessi di amministratore) | -| 🍎 Mac | `DaProd-Video-X.Y.Z.dmg` | trascina in Applicazioni; la prima volta *tasto destro → Apri* (su Sequoia: *Impostazioni → Privacy e sicurezza → Apri comunque*) | - -Le app sono fatte con **Tauri 2**: l'interfaccia gira nel motore web del sistema (WebView2 su Windows, WebKit -su Mac) e i file li legge e li scrive **Rust**. Pesano pochi MB, leggono ore di girato a -pezzi senza caricarle in memoria, scrivono l'export mentre esce e **riprendono il montaggio da dove eri**. -Requisiti: Windows 10/11, macOS 14 o più nuovo con Safari aggiornato (per l'audio serve WebKit 26). - -**È tutto automatico** (`.github/workflows/app.yml`): quando su `main` arriva una versione nuova (il campo -`version` di `package.json`), GitHub Actions fa le prove, compila le app desktop e pubblica da sola la release -`vX.Y.Z` con le note prese dal CHANGELOG. Per una versione nuova basta alzare `version`, scrivere la voce nel -CHANGELOG e unire. - -**Aggiornarsi è un clic**: nell'app c'è il tasto **Aggiornamenti** in alto (si accende da solo quando esce una -versione nuova). Fa vedere le novità, scarica il file giusto (setup, portatile o DMG) e lo apre. Alla prima -apertura dopo l'aggiornamento compaiono le **novità** della versione (sempre anche da *Aiuto → Novità*). - -## 🌐 La versione prova su GitHub Pages - -[`cammo22.github.io/DaProdVideo`](https://cammo22.github.io/DaProdVideo/) è la home; il banco è in -[`/app/`](https://cammo22.github.io/DaProdVideo/app/). È **completo** (montaggio, effetti, export), con -il **montaggio dimostrativo** generato al volo per provarlo senza file. I limiti sono quelli del browser: - -- serve **Chrome, Edge, Brave, Opera** (anche su Android) o **Safari 26**: il motore è WebCodecs; -- i file restano nel browser: riaprendo, Chrome ed Edge chiedono di ridare il permesso (*File → Ricollega media*), gli altri di sceglierli di nuovo; -- l'export senza "Salva con nome" (Firefox, Safari) passa dalla memoria: per montaggi lunghi meglio l'app. - -Ogni merge su `main` ricompila la home e il banco e li mette sul ramo `gh-pages` (`.github/workflows/pages.yml`). -Se il sito non si accende da solo, una volta sola: *Settings → Pages → Deploy from a branch → `gh-pages` / (root)*. - -## 🛠 Come è fatto - -| Pezzo | Con cosa | +

Cosa fa

+ +- 🎬 **Montaggio a tracce**: tagli, spostamenti, dissolvenze, velocità. Il tasto **1** taglia, il tasto **2** elimina. +- 🎛️ **Proprietà a schede**: Quadro, Colore, Audio e AI, sempre nello stesso posto. +- 🔊 **Finale**: volume in LUFS, controllo prima dell'uscita, preset per YouTube, Reel/TikTok, Instagram e master. +- 📡 **LIVE**: registri schermo, webcam e microfono. Scene in diretta (tasti 1–6), telecomando a parte. +- 🪄 **Montage**: scegli i file e lo stile, il programma monta da solo. Ritocchi veloci, e lo stesso seme dà lo stesso montaggio. +- 🎨 **Colore**: LUT `.cube`, ruote lift/gamma/gain, curve RGB. +- 🔑 **Keyframe e maschere**: posizione, zoom, opacità, colore, volume ed effetti. Maschere a rettangolo, ellisse e Bézier. +- 🔤 **Titoli animati**: 24 animazioni pronte. Monitor ed esportazione sono identici. +- 🧠 **AI locali** (vedi sotto): sfondo, rumore, voce, sottotitoli. +- 💾 **Non perdi il lavoro**: autosalvataggio, «Recupera il lavoro» dopo un crash, file `.dap` con i media dentro. + +
+ +

Requisiti

+ +- **Windows 10 o 11**, oppure **macOS 14** o più nuovo. +- **Minimo**: 8 GB di RAM e un processore recente. Il montaggio va anche senza scheda video. +- **Per l'AI pesante** (rumore, sfondo, separazione voce): una scheda **NVIDIA RTX** con **8 GB** di memoria video è consigliata. Senza scheda video l'AI gira lo stesso, ma più lenta. +- Spazio libero sul disco: i modelli AI pesano da pochi MB a qualche GB. Li scarichi solo se li vuoi. + +
+ +

Primi passi

+ +1. Apri il programma e premi **Progetti → Nuovo**. +2. Trascina i video nel **Contenitore** a sinistra, poi sulla timeline. +3. Taglia con **1**, togli le parti brutte con **2**, sposta le clip con il mouse. +4. Premi **Esporta** in alto a destra (Finale): scegli il preset e fai partire. + +
+ +

Tasti principali

+ +| Tasto | Cosa fa | | --- | --- | -| Lettura e scrittura dei media | [Mediabunny](https://mediabunny.dev) (MP4, MOV, MKV, WebM, MPEG-TS/AVCHD, MP3, WAV, FLAC, OGG) su **WebCodecs**, decodifica e codifica hardware; AC-3 delle videocamere con il decoder WASM; **proxy automatici** (960 px, un fotogramma chiave ogni mezzo secondo) fatti dietro le quinte e conservati nel disco privato (OPFS) | -| Mixer video | **WebGL2**: un buffer per strato, trasformazioni (con **angoli tondi e ombra morbida**, calcolati con la distanza da un rettangolo arrotondato), proc amp, chiave, look, tendine SMPTE, effetti digitali e dissolvenze negli shader; il passaggio degli **effetti a tempo** dopo ogni traccia che ne ha (valgono per lei e per quelle sotto); colore automatico misurato su ogni ripresa, un passaggio finale per il colore di tutto il montaggio, e sopra a tutto logo e sottotitoli | -| Audio | **Web Audio**: volume e incroci come inviluppi, filtri per la voce, limitatore finale, audio a colpetti quando vai di fotogramma in fotogramma, VU dalla scheda audio, mixaggio dell'export a pezzi con `OfflineAudioContext` | -| Registrazione (LIVE) | `getDisplayMedia` per lo schermo, `getUserMedia` per microfono e webcam, microfono e audio del computer mescolati con Web Audio, **MediaRecorder** a pezzi (ogni pausa chiude un pezzo, schermo e webcam allo stesso taglio); alla fine Mediabunny cuce i pezzi in un file solo, senza ricodificare, con durata e ricerca giuste e l'app lo salva in *Video → DaProd Video*. Il telecomando è una finestra **Document Picture-in-Picture** (nel browser) o la finestra dell'app fatta piccola e sempre in primo piano | -| Pacchetto .daprod | uno **zip** scritto a mano (nomi UTF-8, **zip64** oltre i 4 GB), coi file "stored": nell'app Rust copia i byte e calcola il CRC a pezzi da 64 MB; all'apertura i media si leggono **direttamente da dentro lo zip** (inizio e lunghezza di ogni file), senza scompattare | -| Timeline | una sola **tela 2D** ridisegnata solo quando serve; miniature a potenze di due (zoomando si riusano) e forma d'onda a 100 picchi al secondo | -| Modello | fotogrammi interi sulla timeline (come le centraline a nastro), più timeline (sequenze) nello stesso progetto, annulla a fotografie del progetto | -| Togliere lo sfondo | chiave a colori nel piano del colore (YUV) dello shader; ritaglio AI con [transformers.js](https://github.com/huggingface/transformers.js) in un Worker: **BEN2** e **BiRefNet** (MIT), **MODNet** (Apache-2.0), **SAM 2.1 Tiny** / SlimSAM (Apache-2.0); le maschere si mescolano nel tempo e stanno in una cache sul computer | -| Animazioni | funzioni pure del tempo disegnate su **Canvas 2D** (`src/render/anim/`), ispirate al catalogo di [HyperFrames](https://github.com/heygen-com/hyperframes) (Apache-2.0); caratteri **@fontsource** (OFL) | -| DaProdMontage | `src/core/montage.ts` (piano: ordine, doppioni, tempo esatto, battiti, Ken Burns) + 28 stili in `montagePreset.ts`; data EXIF, qualità e ritmo del brano calcolati sul posto, senza AI | -| AI (sottotitoli, traduzione, voce, sfondo) | **Nemotron 3.5** di NVIDIA con [NeMo-Speech.cpp](https://github.com/NVIDIA/NeMo-Speech.cpp) 0.2.0 (programma a parte che l'app scarica da sola: CUDA, Metal o CPU, e se la scheda non ce la fa riprova sul processore; modelli GGUF che scarica lui) oppure **Whisper** (tiny, base o small), **Hy-MT2** (Apache-2.0, nel motore AI locale opzionale) per tradurre e i modelli per lo sfondo con [transformers.js](https://huggingface.co/docs/transformers.js) in un worker. **La libreria e ONNX Runtime viaggiano dentro l'app** (`public/ai/`, li prepara `scripts/ai-locale.mjs` prima della build, con il controllo dell'impronta): da Internet arrivano solo i modelli, da Hugging Face, **una volta sola**. Su WebGPU se c'è e funziona davvero, se no WASM; ogni modello prova più pesi (q8, fp16, fp32) prima di arrendersi, e gli errori si spiegano in italiano (`src/media/erroriAI.ts`). L'audio della presa diretta si prende a 16 kHz, si taglia nei silenzi a pezzi di un minuto e **non esce mai dal computer** | -| App | **Tauri 2 / Rust**: `src-tauri/src/lib.rs` legge i media a pezzi, scrive l'export in streaming (anche `content://` su Android), salva progetti e autosalvataggio; `aggiorna.rs` scarica e apre la versione nuova | - -```bash -npm install -npm run dev # il banco in http://localhost:5173/app/ -npm run build # dist/: home + banco (quello che va su Pages e dentro le app) -npm run tauri dev # l'app desktop in sviluppo (serve Rust) -npm run tauri build # l'app desktop di rilascio -``` - -### 🙏 Crediti e licenze - -- **Animazioni**: il catalogo si ispira a [HyperFrames](https://github.com/heygen-com/hyperframes) di HeyGen (Apache-2.0); i disegni sono riscritti da zero per il nostro motore, nessun codice è copiato. I caratteri vengono da [Fontsource](https://fontsource.org) (SIL Open Font License). -- **AI nell'app (1.3.0)**: [transformers.js](https://github.com/huggingface/transformers.js) 4.3.1 (Apache-2.0) e [ONNX Runtime Web](https://github.com/microsoft/onnxruntime) (MIT) sono copiati dentro l'app con le loro licenze (`ai/LICENSE-*.txt`). -- **Togliere lo sfondo**: i modelli non stanno nell'app, si scaricano al primo uso da Hugging Face e restano sul computer: [BEN2](https://huggingface.co/PramaLLC/BEN2) e [BiRefNet](https://github.com/ZhengPeng7/BiRefNet) (MIT), [MODNet](https://github.com/ZHKKKe/MODNet) (Apache-2.0), [SAM 2.1 Tiny ONNX](https://huggingface.co/CardAnvilModels/sam2.1-hiera-tiny-ONNX) e [SlimSAM](https://github.com/czg1225/SlimSAM) (Apache-2.0), tutti via [transformers.js](https://github.com/huggingface/transformers.js) (Apache-2.0). Per la chiave a colori e il ritaglio ho letto come li fa [OpenReel](https://github.com/Augani/openreel-video) per confrontare le idee; il codice è nostro. - -### ✅ Controlli automatici - -```bash -npm run build -npx playwright install chromium -node test/prove.mjs # oltre 300 prove (più `node test/prove-nuove.mjs [sfondo|animazioni|montage|aiuto]` da sole): timecode, 1 taglia (e sceglie il pezzo corto), 2 elimina (e passa alla - # dopo), S separa/unisce, Q e W, tracce accese, rotella, niente viene coperto, volume - # trascinato, FX sulle clip (si attaccano ai bordi, seguono la clip, suoni accesi/spenti - # e nel mixaggio), Alt+Shift, maniglie delle dissolvenze, navigatore, pagina Finale - # (sottotitoli AI, logo, apertura), effetti che si sommano, menu dentro lo schermo, - # riga SOTT (sposta, unisci, dividi), più timeline, LIVE con pausa, novità, istantanea, tre punti dalla sorgente, - # play col clic, countdown fino a 1, forme delle dissolvenze, cartelle, anteprime coi fotogrammi veri, riquadro - # sui sottotitoli, pacchetto .daprod salvato e riaperto, LIVE con webcam, 3-2-1, segni e stile presentazione, - # play dal mezzo di una ripresa col GOP lungo e proxy, EDL, export WebM riletto -node test/foto.mjs # foto del banco (computer, Finale, contenitore, timeline, LIVE, telefono) in test/.out/ -``` - -### 📁 Dove sta cosa - -- `src/core/` il modello: tipi, timecode (anche drop-frame), operazioni di montaggio, annulla, gli FX a blocchetti (`blocchi.ts`) e il catalogo dei loro suoni (`suoni.ts`), gli effetti della clip che si sommano (`effettiClip.ts`), le timeline (`sequenze.ts`), i sottotitoli, i titoli e countdown pronti (`generatori.ts`), le cornici (bolla, presentazione: `cornici.ts`). -- `src/pacchetto.ts` il pacchetto .daprod (zip e zip64, scrittura e lettura). -- `src/media/` Mediabunny: contenitore, fotogrammi (flusso e ricerca), proxy automatici, banco audio. -- `src/render/` il piano di ogni fotogramma e il mixer WebGL2 (effetti a tempo, colore automatico e colore finale, logo e sottotitoli), titolatrice e countdown, le anteprime del contenitore coi fotogrammi del cursore (`provino.ts`). -- `src/ui/` timeline, monitor, pulsantiera, contenitore, proprietà, pagina Finale, pagina LIVE (`live.ts`), pagina DaProdMontage (`montage.ts`), togliere lo sfondo (`sfondo.ts`), mixer e VU, strumenti, finestre. -- Per ritrovare le cose: `src/ui/cerca.ts` (Ctrl+K) con quello che si trova in `fontiCerca.ts`, `src/ui/guida.ts` (F1, Come si fa), `src/ui/centroAI.ts` (Centro AI) e, sotto, `src/media/libreriaAI.ts` (la libreria AI dentro l'app e i ripieghi), `erroriAI.ts` (gli errori spiegati), `diagnosiAI.ts` (Controlla l'AI). -- `src/azioni.ts` tutti i comandi con i loro tasti · `src/effetti.ts` gli effetti al volo · `src/export/` export ed EDL · `src/demo.ts` il montaggio dimostrativo. -- `src-tauri/` l'app Rust, con `gen/android` per l'APK · `test/` le prove. - -## Limiti - -Il mosaico non garantisce anonimizzazione irreversibile: controlla tutta la clip e il tracking. La 1.5.7 non applica la censura dei progetti nuovi: non usare il downgrade per consegnare immagini protette. +| **1** | Taglia (sulle tracce accese, o sulla clip sotto il cursore) | +| **2** | Elimina lo scarto | +| **S** | Separa / unisci | +| **Q / W** | Togli lo scarto | +| **Rotella** | Avanti o indietro di un fotogramma, con il suono | +| **Ctrl + rotella** | Zoom della timeline | +| **Alt + E** | Velocità della clip | +| **Ctrl + D** | Duplica | +| **Ctrl + K** | Cerca in tutto il programma | +| **F1** | Guida | +| **F8** | Montage | +| **F10** | LIVE | + +Tutti i comandi sono in `src/azioni.ts`. **Ctrl + K** li trova anche per nome. + +
+ +

AI: cosa è pronto e cosa è opzionale

+ +**Pronto nel programma** (si scarica il modello la prima volta, poi gira nel programma): + +- **Togli lo sfondo**: SAM 3 con clic sull'oggetto, o persona. +- **Segui un oggetto**: tracking che sposta testo, immagini ed effetti. +- **Togli i rumori**: MossFormer2 o DeepFilterNet3. +- **Voce e base**: separa voce e musica (Demucs). +- **Sottotitoli automatici**: Whisper, da 40 MB fino a 564 MB. +- **Montaggio automatico** e **colore automatico**: nessun modello, sono regole del programma. + +**Opzionale** (si accende solo se lo chiedi, dal Centro AI): + +- Trova i tagli automatici, voce pulita, voce e musica con Kim Vocal 2. +- Sottotitoli con Nemotron o con parole e tempi (Qwen3-ASR), traduzione dei sottotitoli (Hy-MT2). +- Voce AI e voce realistica (Qwen3-TTS). +- Voce da podcast (Clear): licenza source-available, si può spegnere. + +**Sperimentale**: rallentatore fluido (RIFE). + +Ogni risultato è materiale che puoi modificare. L'originale resta, e **Ctrl + Z** annulla. + +
+ +

Privacy

+ +Tutto resta sul tuo PC. I video, l'audio e i progetti non vanno su internet. I modelli AI si scaricano una volta e poi girano in locale. Niente telemetria dei tuoi file, niente account. + +
+ +

Licenze di terze parti

+ +Il programma usa componenti di terzi, ognuno con la sua licenza. L'elenco completo e i testi sono in [TERZE-PARTI.md](TERZE-PARTI.md). + +
+ +

+ Novità  ·  + Software di terzi  ·  + Negozio DaProd  ·  + Discord +

+ +

Un'app DaProd Produzioni, fatta con cura e in italiano.

From 057796cca92c98eac4c2933fdb0442075d0e6e92 Mon Sep 17 00:00:00 2001 From: cammo22 <78992276+cammo22@users.noreply.github.com> Date: Fri, 30 Oct 2026 17:48:12 +0100 Subject: [PATCH 2/5] README: tolti requisiti e frasi non verificati Co-Authored-By: Claude Haiku 5.5 --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 9e02a84..8c8710b 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@

Requisiti

- **Windows 10 o 11**, oppure **macOS 14** o più nuovo. -- **Minimo**: 8 GB di RAM e un processore recente. Il montaggio va anche senza scheda video. +- **Minimo**: un PC Windows o Mac normale. Il montaggio va anche senza scheda video. - **Per l'AI pesante** (rumore, sfondo, separazione voce): una scheda **NVIDIA RTX** con **8 GB** di memoria video è consigliata. Senza scheda video l'AI gira lo stesso, ma più lenta. - Spazio libero sul disco: i modelli AI pesano da pochi MB a qualche GB. Li scarichi solo se li vuoi. @@ -54,10 +54,10 @@

Primi passi

-1. Apri il programma e premi **Progetti → Nuovo**. +1. Apri il programma e crea un progetto nuovo (File → Nuovo). 2. Trascina i video nel **Contenitore** a sinistra, poi sulla timeline. 3. Taglia con **1**, togli le parti brutte con **2**, sposta le clip con il mouse. -4. Premi **Esporta** in alto a destra (Finale): scegli il preset e fai partire. +4. Vai al **Finale**, scegli il preset e fai partire l'esportazione.
@@ -108,7 +108,7 @@ Ogni risultato è materiale che puoi modificare. L'originale resta, e **Ctrl + Z

Privacy

-Tutto resta sul tuo PC. I video, l'audio e i progetti non vanno su internet. I modelli AI si scaricano una volta e poi girano in locale. Niente telemetria dei tuoi file, niente account. +Tutto resta sul tuo PC. I video, l'audio e i progetti non vanno su internet. I modelli AI si scaricano una volta e poi girano in locale. I tuoi file non escono dal PC. Unico contatto esterno: il download dei modelli AI e, se usi Clear, un conteggio d'uso anonimo del suo SDK.
From 1e1af4794105386ed23ed46256db13fcb1d82360 Mon Sep 17 00:00:00 2001 From: cammo22 <78992276+cammo22@users.noreply.github.com> Date: Fri, 30 Oct 2026 18:05:44 +0100 Subject: [PATCH 3/5] Revisione 1.8.5: Montaggio, colonna destra, Modifica clip, Cerca, Centro AI e finestre MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Contenitore stretto: niente solco di puntini delle sottovoci, Animazioni ha la sua icona - Pulsantiera e menu: la lettera S non sembra più un 5 (SEPARA e MIX) - Mixer: le strisce dividono la colonna, «Cuffia / Ascolto» non esce più dal bordo - Strumenti: forma d'onda e vettorscopio stanno nella colonna senza scorrere - Colonna destra più larga sugli schermi grandi (2560) - Cerca: righe lunghe con i puntini; Centro AI: frasi non più tagliate a metà - Tasti della centralina: i tasti non si allungano più - Modifica clip: tessere più piccole, tolto il secondo «Avanzate», niente filo giallo, etichette più larghe - Menu tasto destro: Esc lo chiude; Velocità: preset ×0,25 al posto di ÷4 Co-Authored-By: Claude Sonnet 5.5 --- src/main.ts | 1 + src/stile/montaggioRev.css | 55 ++++++++++++++++++++++++++++++++++++++ src/ui/centroAI.ts | 5 ++-- src/ui/contenitore.ts | 4 +-- src/ui/dom.ts | 12 +++++++-- src/ui/ispettore.ts | 4 +-- src/ui/mixer.ts | 2 +- src/ui/pulsantiera.ts | 2 +- src/ui/velocita.ts | 2 +- 9 files changed, 76 insertions(+), 11 deletions(-) create mode 100644 src/stile/montaggioRev.css diff --git a/src/main.ts b/src/main.ts index 3cbc7a7..5da0423 100644 --- a/src/main.ts +++ b/src/main.ts @@ -35,6 +35,7 @@ import { attivaSuggerimenti } from './ui/suggerimento'; // il sistema «Banco» sulle altre schermate: va DOPO tutti gli altri stili (anche quelli che arrivano con ui/app) import './stile/schermate.css'; import './stile/montage.css'; +import './stile/montaggioRev.css'; import { h } from './ui/dom'; import { isTauri } from './platform'; import { preparaRiserva } from './media/riserva'; diff --git a/src/stile/montaggioRev.css b/src/stile/montaggioRev.css new file mode 100644 index 0000000..996cef9 --- /dev/null +++ b/src/stile/montaggioRev.css @@ -0,0 +1,55 @@ +/* Revisione 1.8.5 — Montaggio, colonna destra, Modifica clip, Cerca, Centro AI, finestre. + Solo correzioni di ordine (cose tagliate, schiacciate, duplicate): le regole grandi stanno nei file «Banco». + Va DOPO tutti gli altri stili. */ + +/* ——— la colonna destra cresce con lo schermo (a 2560 era sempre stretta e il resto restava vuoto) ——— */ +@media (min-width: 1800px) { :root { --lato: clamp(300px, 15.6vw, 420px); } } + +/* ——— contenitore stretto (barretta di icone): solo le voci principali, senza il solco di puntini delle sottovoci ——— */ +@container (max-width: 430px) { + .bin-cat.sotto { display: none; } + .bin-albero-titolo { display: block; font-size: 0; height: 1px; padding: 0; margin: 6px 6px; background: var(--bordo); } +} + +/* ——— Mixer: le strisce dividono la colonna (cinque non stavano e «ASCOLTO» usciva dal bordo) ——— */ +.strisce { gap: 4px; } +.striscia { flex: 1 1 0; width: auto; min-width: 0; } +.striscia-nome, .striscia-tipo { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.striscia.master .striscia-nome { font-size: 9px; letter-spacing: 0; } + +/* ——— Strumenti: forma d'onda e vettorscopio stanno tutti e due nella colonna, senza scorrere ——— */ +.lato-corpo:has(> .scopi) { overflow: hidden; } +.scopi { display: flex; flex-direction: column; height: 100%; min-height: 0; box-sizing: border-box; gap: 6px; } +.scopi figure { margin: 0; display: flex; flex-direction: column; min-height: 0; } +.scopi figure:first-of-type { flex: 0 0 34%; } +.scopi figure:nth-of-type(2) { flex: 1 1 0; } +.scopi canvas, .scopi figure:nth-child(2) canvas { flex: 1 1 0; min-height: 0; width: 100%; height: 100%; object-fit: contain; margin: 0; } +.scopi figcaption { flex: none; padding-top: 2px; } +.scopi .nota { flex: none; margin: 0; font-size: 12px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } + +/* ——— Cerca (Ctrl+K): le righe non escono dal riquadro, il testo lungo ha i puntini ——— */ +.cerca-voce { grid-template-columns: 118px minmax(0, 1fr) auto; } +.cerca-testo { min-width: 0; } +.cerca-testo b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.cerca-cat { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + +/* ——— Tasti della centralina: i tasti restano piccoli (si allungavano quanto la riga della spiegazione) ——— */ +.tasto-riga { align-items: start; } +.tasto-riga .tasti { align-self: start; align-items: flex-start; } +.tasto-riga kbd { align-self: flex-start; height: auto; line-height: 1.5; } + +/* ——— Centro AI: titoli e frasi lunghe con i puntini, niente tagli a metà parola ——— */ +.centro-ai .sch-funzione p { min-width: 0; } + +/* ——— Modifica clip ——— */ +.editor-clip .tessere { grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 8px; } +.editor-clip .ec-campi { min-width: 0; } +.scopi figure:first-of-type canvas { object-fit: fill; } + +/* ——— pulsantiera: la «S» nel carattere a spaziatura fissa sembrava un 5 (SEPARA e MIX avevano lo stesso numero): le lettere vanno nel carattere normale ——— */ +.tasto-num .tasto-numero.lettera { font: 800 12px var(--ui); } +.menu-contesto .voce .tasto.lettera, .voce .tasto.lettera { font: 700 13px var(--ui); } + +/* Modifica clip: la sezione principale non ha più il filo giallo (vecchio stile) che toccava i campi */ +.editor-clip .isp-gruppo.principale { box-shadow: none; border: 0; } +.editor-clip .isp-riga { grid-template-columns: minmax(96px, 150px) minmax(0, 1fr) auto; } diff --git a/src/ui/centroAI.ts b/src/ui/centroAI.ts index 10a4ef8..38686a6 100644 --- a/src/ui/centroAI.ts +++ b/src/ui/centroAI.ts @@ -389,9 +389,10 @@ function schedeRegistro(chiudi: () => void, controlla: () => void): HTMLElement precedente.disabled = indice === 0; successiva.disabled = indice === pagine - 1; pagina.textContent = `${indice + 1} / ${pagine}`; griglia.replaceChildren(...lista.slice(indice * 12, indice * 12 + 12).map((f) => { const guida = FUNZIONI_AI.find((x) => x.id === f.id); - const nome = f.nome.replace(/ \(.*$/, '').slice(0, 24); + const nome = f.nome.replace(/ \(.*$/, ''); const manca = guida?.manca(); - const descrizione = manca ? '⚠ ' + manca.slice(0, 52) : f.descrizione.split(/[.;(]/)[0].slice(0, 55); + // niente tagli a mano: se non sta in una riga ci pensa il CSS (puntini), e il testo intero è nel suggerimento + const descrizione = manca ? '⚠ ' + manca : f.descrizione.split(/\.\s|[;(]/)[0].replace(/\.$/, ''); const peso = !f.peso || /nessun modello/i.test(f.peso) ? 'Integrata' : f.id === 'rumore' ? 'da 9 MB' : f.id === 'sottotitoli' ? 'da 40 MB' : (f.peso.match(/[\d,.]+(?:–[\d,.]+)?\s*(?:MB|GB)/i)?.[0] ?? 'Peso da verificare'); const info = h('button', { class: 'btn-mini ai-info', 'aria-label': `Informazioni su ${f.nome}`, title: 'Dettagli e requisiti', on: { click: () => { const d = dialogo(f.nome); d.corpo.append(h('p', null, f.descrizione), h('p', { class: 'sch-pesovram' }, pesoEVram(f).riga)); if (guida) d.corpo.append(h('p', null, guida.come.join(' · '))); diff --git a/src/ui/contenitore.ts b/src/ui/contenitore.ts index 6d7ee3a..87a1ffb 100644 --- a/src/ui/contenitore.ts +++ b/src/ui/contenitore.ts @@ -41,7 +41,7 @@ const TIPI: Ramo[] = [ const LIBRERIA: Ramo[] = [ { id: 'transizioni', nome: 'Transizioni', icona: 'transizione', figli: [['tr:dissolvenze', 'Dissolvenze'], ['tr:movimento', 'Movimento'], ['tr:3d', '3D e forme'], ['tr:luce', 'Luce'], ['tr:stile', 'Stile'], ['tr:tendine', 'Tendine SMPTE']] }, { id: 'titoli', nome: 'Titoli', icona: 'titolo', figli: [['tit:titoli', 'Titoli'], ...GRUPPI_HTML.map((g): [string, string] => ['tit:html-' + g.id, 'Animati · ' + g.nome]), ['tit:sott', 'Sottotitoli'], ['tit:tv', 'TV e social'], ['tit:conto', 'Countdown'], ['tit:sala', 'Macchine della sala']] }, - { id: 'animazioni', nome: 'Animazioni', icona: 'effetti', figli: GRUPPI_LIBRERIA.map((g): [string, string] => ['an:' + g.id, g.nome]) }, + { id: 'animazioni', nome: 'Animazioni', icona: 'elastico', figli: GRUPPI_LIBRERIA.map((g): [string, string] => ['an:' + g.id, g.nome]) }, { id: 'effetti', nome: 'Effetti', icona: 'effetti', figli: [['fx:rapidi', 'Rapidi'], ['fx:lunghi', 'Lunghi'], ['fx:luci', 'Luci'], ['fx:distorsioni', 'Distorsioni'], ['fx:colore', 'Colore'], ['fx:particelle', 'Particelle'], ['fx:clip', 'Stile della clip'], ['fx:audio', 'Audio']] }, ]; @@ -247,7 +247,7 @@ export class Contenitore { const voce = (id: string, nome: string, ic: string, livello: number, extra: { figli?: boolean; n?: number } = {}) => { const chiuso = this.chiusi.has(id); const el = h('button', { - class: 'bin-cat' + (id === this.nodo ? ' attiva' : '') + (extra.figli ? ' con-figli' : '') + (chiuso ? ' chiuso' : ''), 'data-c': id, title: nome, + class: 'bin-cat' + (id === this.nodo ? ' attiva' : '') + (extra.figli ? ' con-figli' : '') + (chiuso ? ' chiuso' : '') + (livello > 0 ? ' sotto' : ''), 'data-c': id, title: nome, style: `--livello:${livello}`, on: { click: (e: MouseEvent) => { diff --git a/src/ui/dom.ts b/src/ui/dom.ts index 7ed1317..6bc3579 100644 --- a/src/ui/dom.ts +++ b/src/ui/dom.ts @@ -233,8 +233,16 @@ export function menuContesto(x: number, y: number, voci: VoceMenu[]) { dentroLoSchermo(m, x, y); menuAperto = m; setTimeout(() => { - const via = (e: Event) => { if (!m.contains(e.target as Node)) { chiudiMenu(); document.removeEventListener('pointerdown', via, true); } }; + const via = (e: Event) => { if (!m.contains(e.target as Node)) { chiudiMenu(); document.removeEventListener('pointerdown', via, true); document.removeEventListener('keydown', esc, true); } }; + // Esc chiude il menu (e basta: non deve anche togliere la scelta alla clip) + const esc = (e: KeyboardEvent) => { + if (!m.isConnected) { document.removeEventListener('keydown', esc, true); document.removeEventListener('pointerdown', via, true); return; } + if (e.key !== 'Escape') return; + e.stopPropagation(); e.preventDefault(); chiudiMenu(); + document.removeEventListener('keydown', esc, true); document.removeEventListener('pointerdown', via, true); + }; document.addEventListener('pointerdown', via, true); + document.addEventListener('keydown', esc, true); }); } @@ -245,7 +253,7 @@ export function costruisciMenu(voci: VoceMenu[]): HTMLElement { const riga = h('button', { class: 'voce' + (v.disattiva ? ' spenta' : '') + (v.sotto ? ' ha-sotto' : ''), role: 'menuitem', disabled: !!v.disattiva, on: { click: (e: Event) => { if (v.sotto) { e.stopPropagation(); return; } chiudiMenu(); v.fn?.(); } }, - }, h('span', { class: 'spunta' }, v.spunta ? '●' : ''), h('span', { class: 'nome' }, v.nome ?? ''), h('span', { class: 'tasto' }, v.tasto ?? (v.sotto ? '▸' : ''))); + }, h('span', { class: 'spunta' }, v.spunta ? '●' : ''), h('span', { class: 'nome' }, v.nome ?? ''), h('span', { class: 'tasto' + (/^[A-Za-z]$/.test(v.tasto ?? '') ? ' lettera' : '') }, v.tasto ?? (v.sotto ? '▸' : ''))); if (v.sotto) { const sub = costruisciMenu(v.sotto); sub.classList.add('sotto'); diff --git a/src/ui/ispettore.ts b/src/ui/ispettore.ts index d00b7d3..0b9343b 100644 --- a/src/ui/ispettore.ts +++ b/src/ui/ispettore.ts @@ -1295,8 +1295,8 @@ export class Ispettore { scelte.append(h('button', { class: 'pp-mini-btn', 'data-gruppo': g.dataset.g, on: { click: () => apri(g) } }, g.querySelector('summary')?.childNodes[0]?.textContent ?? 'Controlli')); contenuto.append(g); } - const avanzate = h('button', { class: 'pp-mini-btn', on: { click: () => mostra('avanzate') } }, '⚙ Avanzate'); - area.replaceChildren(h('div', { class: 'ec-titolo' }, h('h2', null, cat[2]), ...(id !== 'avanzate' && disponibili.some(([k]) => k === 'avanzate') ? [avanzate] : [])), ...(gruppi.length > 1 ? [scelte] : []), contenuto); + // «Avanzate» sta già nella colonna a sinistra: niente secondo pulsante uguale in alto + area.replaceChildren(h('div', { class: 'ec-titolo' }, h('h2', null, cat[2])), ...(gruppi.length > 1 ? [scelte] : []), contenuto); apri(gruppi.find((g) => g.dataset.g === this.editorGruppo) ?? gruppi[0]); }; for (const [id, ico, nome] of disponibili) nav.append(h('button', { type: 'button', 'data-sezione': id, on: { click: () => mostra(id) } }, h('span', { 'aria-hidden': 'true' }, ico), nome)); diff --git a/src/ui/mixer.ts b/src/ui/mixer.ts index 3a95cff..bb6dd5d 100644 --- a/src/ui/mixer.ts +++ b/src/ui/mixer.ts @@ -146,7 +146,7 @@ export class Mixer { const mf = h('input', { type: 'range', class: 'fader-v', min: 0, max: 150, step: 1, value: String(Math.round(banco.volumeMaster * 100)), orient: 'vertical' }) as HTMLInputElement; const mv = h('span', { class: 'striscia-val' }, Math.round(banco.volumeMaster * 100) + '%'); mf.addEventListener('input', () => { banco.volumeMaster = Number(mf.value) / 100; mv.textContent = mf.value + '%'; banco.aggiornaTracce(store.doc); }); - strisce.push(h('div', { class: 'striscia master' }, h('b', { class: 'striscia-nome' }, 'ASCOLTO'), h('span', { class: 'striscia-tipo' }, 'CUFFIA'), h('div', { class: 'striscia-fader' }, mf), mv, h('div', { class: 'striscia-btn' }))); + strisce.push(h('div', { class: 'striscia master' }, h('b', { class: 'striscia-nome' }, 'CUFFIA'), h('span', { class: 'striscia-tipo' }, 'ASCOLTO'), h('div', { class: 'striscia-fader' }, mf), mv, h('div', { class: 'striscia-btn' }))); this.el.replaceChildren(h('p', { class: 'nota' }, 'Doppio clic su un fader = torna a zero. I livelli video sono la trasparenza di tutta la traccia.'), h('div', { class: 'strisce' }, strisce)); } diff --git a/src/ui/pulsantiera.ts b/src/ui/pulsantiera.ts index 273e75e..a4ce257 100644 --- a/src/ui/pulsantiera.ts +++ b/src/ui/pulsantiera.ts @@ -11,7 +11,7 @@ export class Pulsantiera { constructor(tl: Timeline) { const tasto = (num: string, ic: string, nome: string, az: string, title: string, cls = '') => - h('button', { class: 'tasto-num ' + cls, title, on: { click: () => esegui(az) } }, h('span', { class: 'tasto-numero' }, num), icona(ic, 16), h('span', { class: 'nome' }, nome)); + h('button', { class: 'tasto-num ' + cls, title, on: { click: () => esegui(az) } }, h('span', { class: 'tasto-numero' + (/\d/.test(num) ? '' : ' lettera') }, num), icona(ic, 16), h('span', { class: 'nome' }, nome)); const modo = (nome: string, az: string, on: () => boolean, title: string, ic?: string) => { const el = h('button', { class: 'tasto-modo', title, on: { click: () => esegui(az) } }, h('span', { class: 'led' }), ic ? icona(ic, 14) : null, h('span', null, nome)); this.spie.push({ el, on }); diff --git a/src/ui/velocita.ts b/src/ui/velocita.ts index 82fc975..254cdb0 100644 --- a/src/ui/velocita.ts +++ b/src/ui/velocita.ts @@ -74,7 +74,7 @@ export function finestraVelocita(ids?: Iterable) { }; const preset = [0.1, 0.25, 0.5, 0.75, 1, 1.5, 2, 4, 8]; const bottoni = h('div', { class: 'vel-preset' }, preset.map((x) => h('button', { class: 'btn', title: `Velocità ${x * 100}%`, on: { click: () => { v = x; aggiorna(); } } }, - x === 1 ? '1×' : x < 1 ? '÷' + Math.round(1 / x * 100) / 100 : '×' + x))); + '×' + String(x).replace('.', ',')))); num.addEventListener('input', () => { const x = Number(num.value) / 100; if (x > 0) { v = x; aggiorna(); } }); cursore.addEventListener('input', () => { v = daCursore(Number(cursore.value)); aggiorna(); }); fluido.addEventListener('change', () => { fluidoTocco = true; }); From 96a6a37351293c2b0e80f171c59dcb38ce933056 Mon Sep 17 00:00:00 2001 From: cammo22 <78992276+cammo22@users.noreply.github.com> Date: Fri, 30 Oct 2026 18:10:59 +0100 Subject: [PATCH 4/5] =?UTF-8?q?Revisione=201.8.5:=20Finale,=20LIVE,=20Mont?= =?UTF-8?q?age,=20guida=20e=20finestre=20di=20solidit=C3=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Finale: tolti i titoli che ripetevano la scheda appena premuta - LIVE: l'unico oro è REGISTRA, Esporta della testata diventa di metallo - Montage: i 28 stili stanno tutti nello schermo (via la riga ritmo/musica, righe più basse) - Guida: icona staccata dal titolo, elenco più alto - Novità: titolo in testo normale, non oro - Finestre di solidità: tasti del piede della stessa misura Co-Authored-By: Claude Sonnet 5.5 --- src/stile/finale.css | 1 + src/stile/live.css | 4 ++++ src/stile/montage.css | 14 ++++++++------ src/stile/schermate.css | 7 +++++++ src/stile/solido.css | 1 + src/ui/finaleSchede.ts | 6 ++++++ 6 files changed, 27 insertions(+), 6 deletions(-) diff --git a/src/stile/finale.css b/src/stile/finale.css index 465a2e7..a507efc 100644 --- a/src/stile/finale.css +++ b/src/stile/finale.css @@ -128,6 +128,7 @@ html #app[data-pagina='finale']:not(.stretto) { .fin-schede-nav button { min-height: var(--riga, clamp(34px, 3.15vh, 36px)); font: 600 15px/1.3 var(--ui); } .fin-schede-nav button[aria-pressed='true'] { border-color: var(--cia, #35e8ff); color: var(--cia, #35e8ff); } .fin-schede-corpo { min-width: 0; min-height: 0; } +.finale .fin-doppio { display: none; } .fin-schede-corpo > [hidden] { display: none !important; } .finale :is(button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--cia); outline-offset: 2px; } .fin-misure { gap: 8px; padding: 8px 12px; } diff --git a/src/stile/live.css b/src/stile/live.css index 245175a..cae1016 100644 --- a/src/stile/live.css +++ b/src/stile/live.css @@ -36,6 +36,10 @@ border: 1px solid var(--bordo-forte); background: var(--metallo-chiaro); color: var(--testo); font: 700 17px var(--ui); letter-spacing: 1px; box-shadow: none; } +/* l'unico oro della pagina è REGISTRA (fermo); «Esporta» della testata diventa di metallo */ +#app .live:not(.in-onda):not(.in-pausa) .live-btn.reg:not(:disabled) { background: var(--oro); color: #14110a; border-color: rgba(255, 213, 74, 0.5); box-shadow: 0 0 0 1px rgba(255, 213, 74, 0.35), 0 6px 18px rgba(255, 171, 0, 0.22); } +#app .live:not(.in-onda):not(.in-pausa) .live-btn.reg:not(:disabled) .live-punto { background: var(--rosso); } +#app[data-pagina='live'] .testata .btn.primario { background: linear-gradient(180deg, #2c2b34, #1d1c23); color: var(--testo); border-color: var(--bordo-forte); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); } #app .live .live-btn.reg .live-punto { width: 14px; height: 14px; border-radius: 50%; flex: none; background: #4d4650; box-shadow: none; transition: background 0.15s, border-radius 0.15s; } #app .live.in-onda .live-btn.reg { border-color: var(--rosso); background: rgba(255, 77, 109, 0.15); } #app .live.in-onda .live-btn.reg .live-punto { border-radius: 2px; background: var(--rosso); box-shadow: 0 0 12px var(--rosso); animation: live-pulsa 1s ease-in-out infinite; } diff --git a/src/stile/montage.css b/src/stile/montage.css index f2f1227..5850536 100644 --- a/src/stile/montage.css +++ b/src/stile/montage.css @@ -87,15 +87,17 @@ /* ——— 2 · gli stili ——— */ .montage .mt-filtri { flex: none; } -.montage .mt-feste { flex: 1; min-height: 0; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-rows: minmax(196px, 1fr); gap: 14px; align-content: start; padding: 2px; } -.montage .mt-festa { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 196px; padding: 0 0 12px; overflow: hidden; text-align: left; border: 2px solid transparent; border-radius: 8px; color: var(--testo); cursor: pointer; } -.montage .mt-festa canvas { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 96px); object-fit: cover; } +.montage .mt-feste { flex: 1; min-height: 0; overflow: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-rows: minmax(150px, 1fr); gap: 12px; align-content: stretch; padding: 2px; } +.montage .mt-festa { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 2px; min-height: 150px; padding: 0 0 10px; overflow: hidden; text-align: left; border: 2px solid transparent; border-radius: 8px; color: var(--testo); cursor: pointer; } +.montage .mt-festa canvas { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 84px); object-fit: cover; } .montage .mt-velo { position: absolute; left: 0; right: 0; bottom: 84px; height: 40px; background: linear-gradient(180deg, rgba(11, 10, 15, 0), rgba(11, 10, 15, 0.78)); pointer-events: none; } .montage .mt-festa b, .montage .mt-festa small, .montage .mt-festa em { position: relative; font-style: normal; padding: 0 14px; } -.montage .mt-festa b { font: 700 22px/1.15 var(--ui); } -.montage .mt-festa small { font: 500 14px/1.3 var(--ui); color: #cfcadb; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } +.montage .mt-festa b { font: 700 20px/1.15 var(--ui); } +.montage .mt-festa small { font: 500 14px/1.3 var(--ui); color: #cfcadb; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } +/* ritmo e musica stanno nel suggerimento e al passo 3: sulla scheda sono una scritta in più */ +.montage .mt-festa em { display: none; } .montage .mt-festa em { font: 600 12.5px var(--ui); color: var(--etichetta); letter-spacing: 0.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -.montage .mt-festa::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 96px; background: rgba(11, 10, 15, 0.82); z-index: 0; } +.montage .mt-festa::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 84px; background: rgba(11, 10, 15, 0.82); z-index: 0; } .montage .mt-festa b, .montage .mt-festa small, .montage .mt-festa em { z-index: 1; } .montage .mt-festa:hover { border-color: var(--bordo-forte); } .montage .mt-festa.scelta { border-color: var(--cia); box-shadow: 0 0 0 1px var(--cia); } diff --git a/src/stile/schermate.css b/src/stile/schermate.css index d3ea9f4..e5e1dc5 100644 --- a/src/stile/schermate.css +++ b/src/stile/schermate.css @@ -300,3 +300,10 @@ body.pip-live { background: var(--fondo, #0b0a0f); } .home .hm-quando { font-family: var(--mono) !important; font-size: 12px !important; } .home .hm-targa .hm-seg { font-family: var(--mono); } .dialogo.centro-ai { width: min(1120px, calc(100vw - 48px)); max-height: calc(100dvh - 80px); } + +/* guida: l'icona dell'argomento sta staccata dal titolo e l'elenco usa l'altezza che c'è */ +.dialogo.guida .guida-corpo h3 { display: flex; gap: 10px; align-items: center; } +.dialogo.guida .guida-elenco { max-height: 70vh; } + +/* novità: il titolo della versione è testo, non oro (l'oro è dell'azione) */ +.novita-titolo { color: var(--testo, #ebe7f4); font-size: 18px; } diff --git a/src/stile/solido.css b/src/stile/solido.css index a069653..23ad4ee 100644 --- a/src/stile/solido.css +++ b/src/stile/solido.css @@ -19,6 +19,7 @@ /* comandi alti almeno 44 px */ .btn.sol-alto { min-height: 44px; padding: 0 18px; border-radius: 6px; font-size: 14px; font-weight: 700; } +.dialogo.solido .btn.sol-alto { font: 700 15px var(--ui); } /* tutti i tasti del piede della stessa misura */ .btn.sol-leggero { color: var(--testo2); } .btn.sol-leggero:hover { color: var(--testo); } .btn.sol-alto:disabled { opacity: 0.45; cursor: default; } diff --git a/src/ui/finaleSchede.ts b/src/ui/finaleSchede.ts index ad7fc05..f441a9d 100644 --- a/src/ui/finaleSchede.ts +++ b/src/ui/finaleSchede.ts @@ -12,6 +12,12 @@ export function schedeFinale(pannelli: HTMLElement[], nomi?: string[], iniziale pannelli.forEach((p, i) => nav.append(h('button', { type: 'button', class: 'btn-mini', on: { click: () => scegli(i) }, }, nomi?.[i] ?? p.querySelector('h4, legend')?.textContent ?? `Sezione ${i + 1}`))); + // il titolo del pannello che ripete la scheda appena premuta è scritta in più: si nasconde + pannelli.forEach((p, i) => { + const t = p.querySelector(':scope > h4'); + const scheda = nav.children[i]?.textContent?.trim().toLowerCase(); + if (t && scheda && t.textContent?.trim().toLowerCase() === scheda) t.classList.add('fin-doppio'); + }); scegli(iniziale); return h('div', { class: 'fin-schede' }, nav, corpo); } From 636169f888eef0f43a22d25c21d5404d63d6b84b Mon Sep 17 00:00:00 2001 From: cammo22 <78992276+cammo22@users.noreply.github.com> Date: Fri, 30 Oct 2026 18:11:41 +0100 Subject: [PATCH 5/5] =?UTF-8?q?1.8.5=20=C2=B7=20revisione=20finale:=20tutt?= =?UTF-8?q?o=20in=20ordine?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- CHANGELOG.md | 9 +++++++++ package-lock.json | 4 ++-- package.json | 2 +- src-tauri/Cargo.lock | 2 +- src-tauri/Cargo.toml | 2 +- 5 files changed, 14 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index d4281dc..3841c4b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,15 @@ per Windows (portatile e installabile), Mac e Android, e va online su [GitHub Pa - **Clear** (licenza source-available, non permissiva) si può spegnere dal Centro AI. - **Nota onesta**: i modelli veri non sono stati scaricati né eseguiti; prove con motori finti (`test/unit/funzioni-ai.test.mjs`, `test/unit/motore_ai_server*.py`). +## [1.8.5] — 2026-10-30 · Revisione finale: tutto in ordine + +- **Montaggio più pulito**: barra del contenitore con le sole voci principali, lettere dei tasti leggibili (la S non sembra più un 5), Esc chiude il menu del tasto destro, velocità scritte ×0,25 / ×0,5. +- **Mixer e Strumenti** stanno nella colonna senza tagli; la colonna destra si allarga sugli schermi grandi. +- **Modifica clip**: tessere degli effetti più piccole (sei per riga), niente doppioni, etichette intere. +- **Finale** senza titoli ripetuti; **LIVE** con REGISTRA unico pulsante oro; **Montage** con tutti i 28 stili a schermo. +- **Guida, Novità, Cerca, Centro AI e finestre di sicurezza** rifinite; testi lunghi con i puntini e il testo intero al passaggio. +- **README nuovo** come pagina prodotto, con i download in alto. + ## [1.8.2] — 2026-10-30 · Meno scritte, tutto leggibile e a schermo - **Scritte leggibili**: il carattere a 7 segmenti resta solo sui numeri (timecode); pesi, VRAM e dati usano un carattere mono pulito. diff --git a/package-lock.json b/package-lock.json index b1a2ff4..488fd22 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "daprod-video", - "version": "1.8.2", + "version": "1.8.5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "daprod-video", - "version": "1.8.2", + "version": "1.8.5", "license": "MIT", "dependencies": { "@desert-ant-labs/clear": "3.6.0", diff --git a/package.json b/package.json index 17f0acc..522bc6f 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "daprod-video", "productName": "DaProd Video", - "version": "1.8.2", + "version": "1.8.5", "description": "DaProd Video: il montaggio video vecchio stile, moderno dentro. Timeline, due monitor, pulsantiera e VU a lancetta.", "author": "DaProd", "license": "MIT", diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock index f51eb6f..f08051b 100644 --- a/src-tauri/Cargo.lock +++ b/src-tauri/Cargo.lock @@ -615,7 +615,7 @@ checksum = "914a755b7c2d4af2bdcff7ce1739e2db9a1b81a9b07123d8015786ae03c0980d" [[package]] name = "daprod-video" -version = "1.8.2" +version = "1.8.5" dependencies = [ "getrandom 0.3.4", "libc", diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml index 29904f6..30bfb46 100644 --- a/src-tauri/Cargo.toml +++ b/src-tauri/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "daprod-video" -version = "1.8.2" +version = "1.8.5" description = "DaProd Video: il montaggio vecchio stile, moderno dentro" authors = ["DaProd"] license = "MIT"