L'Editor di progetto
Dopo aver terminato una registrazione, ScreenKite apre l'Editor di progetto — un editor completo progettato per le registrazioni dello schermo. I progetti vengono salvati come file .skbundle.
Layout
La finestra dell'editor utilizza un layout suddiviso ridimensionabile con quattro regioni principali:
Barra degli strumenti superiore
Contiene i controlli principali di editing e navigazione, suddivisi in un gruppo sinistro e un gruppo destro.
Gruppo sinistro (in ordine):
- Chat — apre e chiude il pannello laterale della chat IA; utilizza un'icona con una coppia di fumetti (
bubble.left.and.bubble.right); l'icona si riempie (bubble.left.and.bubble.right.fill) quando il pannello è aperto. - AI Agent — collega l'editor a un agente IA esterno tramite il server MCP.
- Undo / Redo — annullamento e ripristino standard (solo modalità barra degli strumenti Pro).
- Open in Finder — mostra il file
.skbundlein Finder. - Delete Project — sposta il progetto corrente nel Cestino.
- Command Palette — apre la tavolozza dei comandi (⌘+⇧+P).
- Indicatore di caricamento — appare durante il caricamento del progetto o la ricostruzione dell'anteprima.
Gruppo destro (in ordine):
- Presets — cattura o applica i preset dell'inspector.
- Resources — mostra o nasconde il pannello delle risorse (solo modalità barra degli strumenti Pro).
- Import — importa audio o video nella timeline (⌘+I; solo modalità barra degli strumenti Pro).
- Feedback — invia feedback al team di ScreenKite.
- Export — apre la finestra di dialogo di esportazione (⌘+E).
Integrazione nativa della barra del titolo di macOS: L'editor utilizza .fullSizeContentView in modo che lo sfondo dell'editor si estenda perfettamente sotto la barra del titolo nativa. Il nome del progetto appare nel titolo della finestra; facendo clic sul titolo è possibile rinominare il progetto sul posto (comportamento standard del titolo dei documenti macOS). Un'icona proxy appare accanto al nome del progetto e supporta il menu standard dei documenti macOS — Move To…, Duplicate, Lock e comandi correlati — quando si fa Control-clic o clic con il pulsante destro del mouse sull'icona proxy.
Barra degli strumenti superiore che mostra il pulsante Chat nello stato inattivo (icona a fumetto vuota) e il resto del gruppo sinistro
Barra degli strumenti superiore che mostra il pulsante Chat nello stato attivo/pannello aperto (icona a fumetto piena)
Finestra dell'editor di progetto che mostra l'icona proxy nativa di macOS accanto al nome del progetto nella barra del titolo
Canvas di anteprima (a sinistra)
Il grande pannello sinistro mostra un'anteprima in tempo reale della registrazione con tutti gli effetti applicati — zoom, sfondo, cornice del dispositivo e sovrapposizione fotocamera.
Barra degli strumenti di anteprima
Sotto il canvas, una barra degli strumenti fluttuante è suddivisa in tre gruppi:
| Gruppo | Controlli |
|---|---|
| Sinistro | Menu a discesa Visibility (mostra/nasconde le tracce della timeline) · Menu Add (Blur Mask, Highlight Mask, Camera Layout, Annotations, Text Overlay, Media Overlay) |
| Centrale | Vai all'inizio · Riproduci/Pausa · Vai alla fine · Tempo corrente e durata |
| Destro | Quality · Velocità Preview · Strumenti |
Controllo di qualità (icona del tachimetro): Imposta la risoluzione di rendering dell'anteprima in tempo reale. L'etichetta mostra Quality nel livello predefinito. Quando si passa a un altro livello, viene aggiunto il nome del livello — ad esempio, Quality · Balanced. I livelli sono:
| Livello | Scala risoluzione | Dettagli |
|---|---|---|
| High (predefinito) | 100 % | Risoluzione completa dell'anteprima. Massima fedeltà. |
| Balanced | 66 % | Risoluzione dell'anteprima inferiore per una riproduzione più fluida. |
| Low | 50 % | Minima risoluzione dell'anteprima per la riproduzione più fluida sui progetti pesanti. |
Per maggiori dettagli, vedi Qualità dell'anteprima.
Gruppo di destra della barra degli strumenti di anteprima che mostra il pulsante Quality nel suo stato predefinito High (icona del tachimetro, etichetta 'Quality')
Controllo della velocità di riproduzione: Imposta la velocità di riproduzione dell'anteprima. Alla velocità predefinita (1×), l'etichetta mostra solo Preview; a qualsiasi altra velocità, viene visualizzato il moltiplicatore come suffisso. La velocità di riproduzione non influisce sulla velocità di esportazione.
Pannello Chat
Il pannello Chat si apre a sinistra del canvas di anteprima quando abilitato.
| Proprietà | Valore |
|---|---|
| Larghezza predefinita | 360 pt |
| Larghezza minima | 300 pt |
| Larghezza massima | 520 pt |
| Persistenza | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — sopravvive alla riapertura del progetto e al riavvio dell'app |
Apertura e chiusura: Fai clic sul pulsante Chat nella barra degli strumenti superiore, oppure fai clic con il pulsante destro del mouse su di esso per visualizzare un menu contestuale con le opzioni Show Chat / Hide Chat. Il pannello Chat e il pannello Risorse si escludono a vicenda — l'apertura di uno chiude automaticamente l'altro.
Quando il modulo di runtime della chat non è ancora installato, il pannello mostra una schermata Install Chat Module con l'icona di un pezzo di puzzle e il messaggio "Adds the local AI chat runtime without increasing the core app size." Da qui puoi scegliere una cartella locale per il modulo di runtime o riprovare dopo l'installazione.
Barra laterale dell'Inspector (a destra)
Il pannello destro controlla l'aspetto del progetto e le proprietà dei clip. Una stretta striscia di icone sul bordo sinistro della barra laterale ti consente di passare da una modalità di ispezione all'altra.
La larghezza della barra laterale viene memorizzata e può essere residua trascinando il divisore.
Icone dell'Inspector
Dieci icone di sezione sono renderizzate da immagini di risorse denominate con un peso visivo uniforme. Ciascuna icona attiva il rispettivo pannello dell'inspector:
| Icona | Modalità | Etichetta |
|---|---|---|
inspector-icon-audio | Audio | Audio |
inspector-icon-autozoom | Auto Zoom | Auto Zoom |
inspector-icon-background | Sfondo | Sfondo |
inspector-icon-camera | Fotocamera | Fotocamera |
inspector-icon-cameralayout | Layout fotocamera | Layout fotocamera |
inspector-icon-cursor | Cursore | Cursore |
inspector-icon-keyboardshortcut | Scorciatoia da tastiera | Scorciatoie |
inspector-icon-overlay | Overlay | Overlay |
inspector-icon-specialeffect | Effetto speciale (Maschera) | Maschera |
inspector-icon-transcription | Trascrizione | Sottotitoli |
Passando il mouse su un'icona viene visualizzato un tooltip con il nome della modalità dopo un breve ritardo. Le modalità non disponibili (ad esempio, Auto Zoom su un progetto senza dati di zoom) appaiono con il 50% di opacità e non sono interattive.
Barra laterale dell'Inspector che mostra la colonna delle icone di sezione riprogettate con un peso visivo uniforme
Timeline (in basso)
Una timeline multitraccia che mostra miniature video, forme d'onda audio, fotogrammi chiave dello zoom e overlay. L'altezza della timeline viene memorizzata e può essere ridimensionata trascinando il divisore.
Compatibilità di riproduzione
Registrazioni ProMotion (90 Hz / 120 Hz)
Le registrazioni acquisite a frequenze di aggiornamento elevate (90 Hz o 120 Hz, ad esempio da uno schermo ProMotion o da un iPhone) vengono riprodotte correttamente nell'editor. Il motore di anteprima utilizza un loop di rendering guidato da CVDisplayLink che si adatta alla frequenza di aggiornamento dello schermo host, in modo che i contenuti sorgente ad alta frequenza di fotogrammi non causino più stalli o fotogrammi bloccati che erano visibili nelle versioni precedenti.
La pipeline di rendering di esportazione è limitata a 60 fps indipendentemente dalla frequenza di fotogrammi sorgente, il che significa che i video esportati vengono sempre riprodotti in modo fluido su qualsiasi display.