De Projecteditor
Na het voltooien van een opname opent ScreenKite de Projecteditor — een volledige editor die speciaal is ontworpen voor schermopnames. Projecten worden opgeslagen als .skbundle-bestanden.
Indeling
Het editorvenster gebruikt een aanpasbare gesplitste indeling met vier hoofdgebieden:
Bovenste werkbalk
Bevat de belangrijkste bedieningselementen voor bewerken en navigatie, verdeeld in een linkergroep en een rechtergroep.
Linkergroep (in volgorde):
- Chat — opent en sluit het AI Chat-zijpaneel; gebruikt een pictogram met twee tekstballonnen (
bubble.left.and.bubble.right); het pictogram wordt gevuld (bubble.left.and.bubble.right.fill) wanneer het paneel open is - AI Agent — verbindt de editor met een externe AI-agent via de MCP-server
- Undo / Redo — ongedaan maken en opnieuw uitvoeren (alleen in de Pro-werkbalkmodus)
- Open in Finder — toont de
.skbundlein Finder - Delete Project — verplaatst het huidige project naar de prullenbak
- Command Palette — opent het opdrachtpalet (⌘+⇧+P)
- Loading indicator — verschijnt terwijl het project laadt of terwijl de preview opnieuw wordt opgebouwd
Rechtergroep (in volgorde):
- Presets — legt inspector-presets vast of past ze toe
- Resources — toont of verbergt het resourcepaneel (alleen in de Pro-werkbalkmodus)
- Import — importeert audio of video in de tijdlijn (⌘+I; alleen in de Pro-werkbalkmodus)
- Feedback — stuurt feedback naar het ScreenKite-team
- Export — opent het exportvenster (⌘+E)
Native macOS-titelbalkintegratie: De editor maakt gebruik van .fullSizeContentView zodat de achtergrond van de editor naadloos doorloopt onder de native titelbalk. De projectnaam verschijnt in de venstertitel; door op de titel te klikken kun je het project ter plaatse hernoemen (standaard macOS-documenttitelgedrag). Er verschijnt een proxy-pictogram naast de projectnaam dat het standaard macOS-documentmenu ondersteunt — Move To…, Duplicate, Lock en gerelateerde opdrachten — wanneer je met Control-klik of rechtermuisknop op het proxy-pictogram klikt.
Bovenste werkbalk die de Chatknop in inactieve staat toont (niet-gevuld tekstballonpictogram) en de rest van de linkergroep
Bovenste werkbalk die de Chatknop toont in actieve/geopende staat (gevuld tekstballonpictogram)
Projecteditorvenster dat het native macOS-proxy-pictogram naast de projectnaam in de titelbalk toont
Previewcanvas (Links)
Het grote linkerpaneel toont een live preview van je opname met alle toegepaste effecten — zoom, achtergrond, device-frame en camera-overlay.
Preview-werkbalk
Onder het canvas is een zwevende werkbalk verdeeld in drie groepen:
| Groep | Regelaars |
|---|---|
| Links | Visibility-dropdown (tijdlijnsporen tonen/verbergen) · Add-menu (Blur Mask, Highlight Mask, Camera Layout, Annotations, Text Overlay, Media Overlay) |
| Midden | Naar start springen · Afspelen/pauzeren · Naar einde springen · Huidige tijd en duur |
| Rechts | Quality · Preview-snelheid · Tools |
Quality-regelaar (snelheidsmeter-pictogram): Stelt de renderresolutie van de live preview in. Het label toont Quality bij het standaardniveau. Wanneer je overschakelt van de standaard, wordt de naam van het niveau toegevoegd — bijvoorbeeld Quality · Balanced. De niveaus zijn:
| Niveau | Resolutieschaal | Details |
|---|---|---|
| High (standaard) | 100 % | Volledige previewresolutie. Beste getrouwheid. |
| Balanced | 66 % | Lagere previewresolutie voor vloeiender afspelen. |
| Low | 50 % | Laagste previewresolutie voor het soepelst afspelen bij zware projecten. |
Zie voor meer details Preview Quality.
Rechtergroep van de preview-werkbalk die de Quality-knop toont in de standaard High-status (snelheidsmeter-pictogram, label toont 'Quality')
Afspeelsnelheid-regelaar: Bepaalt hoe snel de preview wordt afgespeeld. Bij de standaardsnelheid (1×) toont het label alleen Preview; bij een andere snelheid wordt de vermenigvuldigingsfactor als achtervoegsel getoond. De afspeelsnelheid heeft geen invloed op de exportsnelheid.
Chatpaneel
Het Chatpaneel opent aan de linkerkant van het previewcanvas wanneer het is ingeschakeld.
| Eigenschap | Waarde |
|---|---|
| Standaardbreedte | 360 pt |
| Minimale breedte | 300 pt |
| Maximale breedte | 520 pt |
| persistentie | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — blijft behouden na het opnieuw openen van projecten en het herstarten van de app |
Openen en sluiten: Klik op de knop Chat in de bovenste werkbalk, of klik er met de rechtermuisknop op voor een contextmenu met de opties Show Chat / Hide Chat. Het Chatpaneel en het Resourcepaneel sluiten elkaar uit — het openen van de een sluit automatisch de ander.
Wanneer de Chatruntime-module nog niet is geïnstalleerd, het paneel toont een Install Chat Module-scherm met een puzzelstukpictogram en de melding "Adds the local AI chat runtime without increasing the core app size." Vanaf daar kun je een lokale map voor de runtime-module kiezen of het na de installatie opnieuw proberen.
Inspector-zijbalk (Rechts)
Het rechterpaneel regelt het uiterlijk van het project en de clipeigenschappen. Een smalle pictogrammenstrook aan de linkerrand van de zijbalk lets you switch between inspection modes.
De breedte van de zijbalk wordt onthouden en kan worden aangepast door de scheidingslijn te slepen.
Inspector-pictogrammen
Tien sectiepictogrammen worden gerenderd vanuit benoemde asset-afbeeldingen met een uniform visueel gewicht. Elk pictogram activeert het bijbehorende inspector-paneel:
| Pictogram | Modus | Label |
|---|---|---|
inspector-icon-audio | Audio | Audio |
inspector-icon-autozoom | Auto Zoom | Auto Zoom |
inspector-icon-background | Achtergrond | Background |
inspector-icon-camera | Camera | Camera |
inspector-icon-cameralayout | Cameralayout | Camera Layout |
inspector-icon-cursor | Cursor | Cursor |
inspector-icon-keyboardshortcut | Sneltoets | Keyboard Shortcut |
inspector-icon-overlay | Overlay | Overlay |
inspector-icon-specialeffect | Speciaal effect (masker) | Mask |
inspector-icon-transcription | Transcriptie | Captions |
Als je over een pictogram beweegt, wordt na een korte vertraging een tooltip met de naam van de modus getoond. Niet-beschikbare modi (bijvoorbeeld Auto Zoom bij een project zonder zoomgegevens) worden weergegeven met een dekking van 50 % en zijn niet interactief.
Inspector-zijbalk die de kolom met opnieuw ontworpen sectiepictogrammen toont met een uniform visueel gewicht
Tijdlijn (Onder)
Een multi-track tijdlijn die video-miniaturen, audiogolfvormen, zoom-keyframes en overlays toont. De hoogte van de tijdlijn wordt onthouden en kan worden aangepast door de scheidingslijn te slepen.
Afspeelcompatibiliteit
ProMotion-opnames (90 Hz / 120 Hz)
Opnames gemaakt met hoge verversingssnelheden (90 Hz of 120 Hz, bijvoorbeeld van een ProMotion-scherm of iPhone) worden correct afgespeeld in de editor. De preview-engine gebruikt een door CVDisplayLink-drijvende render-loop die overeenkomt met de verversingssnelheid van het hoofdscherm, waardoor bronmateriaal met een hoge framesnelheid geen vastlopende of bevroren frames meer veroorzaakt zoals in eerdere versies het geval was.
De export-render-pipeline is begrensd op 60 fps, ongeacht de framesnelheid van de bron, wat betekent dat geëxporteerde video's altijd soepel afspelen op elk scherm.