O Editor de Projeto
Depois de terminar uma gravação, o ScreenKite abre o Editor de projeto — um editor completo concebido especificamente para gravações de ecrã. Os projetos são guardados como ficheiros .skbundle.
Layout
A janela do editor utiliza um layout dividido redimensionável com quatro regiões principais:
Barra de Ferramentas Superior
Contém os controlos principais de edição e navegação, divididos num grupo esquerdo e num grupo direito.
Grupo esquerdo (por ordem):
- Chat — abre e fecha o painel lateral de Chat de IA; utiliza um ícone de dois balões de fala (
bubble.left.and.bubble.right); o ícone fica preenchido (bubble.left.and.bubble.right.fill) quando o painel está aberto - AI Agent (Agente de IA) — liga o editor a um agente de IA externo através do servidor MCP
- Undo / Redo (Anular / Refazer) — controlos padrão para anular e refazer ações (apenas no modo Pro da barra de ferramentas)
- Open in Finder (Mostrar no Finder) — revela o ficheiro
.skbundleno Finder - Delete Project (Eliminar Projeto) — move o projeto atual para o Lixo
- Command Palette (Paleta de Comandos) — abre a paleta de comandos (⌘+⇧+P)
- Indicador de carregamento — surge enquanto o projeto está a ser carregado ou enquanto a pré-visualização está a ser reconstruída
Grupo direito (por ordem):
- Presets (Predefinições) — captura ou aplica predefinições do inspetor
- Resources (Recursos) — mostra ou oculta o painel de recursos (apenas no modo Pro da barra de ferramentas)
- Import (Importar) — importa áudio ou vídeo para a linha de tempo (⌘+I; apenas no modo Pro da barra de ferramentas)
- Feedback (Comentários) — envia comentários para a equipa do ScreenKite
- Export (Exportar) — abre o diálogo de exportação (⌘+E)
Integração nativa com a barra de título do macOS: O editor utiliza a propriedade .fullSizeContentView para que o fundo do editor se estenda de forma contínua sob a barra de título nativa. O nome do projeto surge no título da janela; clicar no título permite renomear o projeto diretamente (comportamento padrão do título de documentos no macOS). Um ícone proxy é apresentado ao lado do nome do projeto e suporta o menu de documentos padrão do macOS — Move To… (Mover Para…), Duplicate (Duplicar), Lock (Bloquear) e comandos relacionados — quando clica com a tecla Control ou com o botão direito do rato no ícone proxy.
Barra de ferramentas superior mostrando o botão Chat no seu estado inativo (ícone de balão vazio) e o restante grupo esquerdo
Barra de ferramentas superior mostrando o botão Chat no seu estado ativo/painel aberto (ícone de balão preenchido)
Janela do editor de projeto mostrando o ícone proxy nativo do macOS ao lado do nome do projeto na barra de título
Canvas de Pré-visualização (Esquerda)
O grande painel esquerdo apresenta uma pré-visualização em tempo real da sua gravação com todos os efeitos aplicados — zoom, fundo, moldura do dispositivo e sobreposição de câmara.
Barra de Ferramentas de Pré-visualização
Abaixo do canvas, uma barra de ferramentas flutuante está dividida em três grupos:
| Grupo | Controlos |
|---|---|
| Esquerdo | Menu suspenso Visibility (Visibilidade) (mostrar/ocultar faixas da linha de tempo) · menu Add (Adicionar) (Blur Mask, Highlight Mask, Camera Layout, Annotations, Text Overlay, Media Overlay) |
| Central | Ir para o início · Reproduzir/pausar · Ir para o fim · Tempo atual e duração |
| Direito | Quality (Qualidade) · Velocidade da Preview (Pré-visualização) · Ferramentas |
Controlo de Qualidade (ícone de velocímetro): Define a resolução de renderização da pré-visualização em tempo real. O rótulo mostra apenas Quality no nível predefinido. Quando altera para um nível diferente, o nome do respetivo nível é anexado — por exemplo, Quality · Balanced. Os níveis são:
| Nível | Escala de Resolução | Detalhe |
|---|---|---|
| High (predefinido) | 100 % | Resolução total de pré-visualização. Fidelidade máxima. |
| Balanced | 66 % | Resolução de pré-visualização reduzida para uma reprodução mais fluida. |
| Low | 50 % | Resolução de pré-visualização mínima para a reprodução mais fluida em projetos pesados. |
Para obter mais detalhes, consulte Preview Quality.
Painel direito da barra de ferramentas de pré-visualização mostrando o botão Quality no seu estado High predefinido (ícone de velocímetro, rótulo 'Quality')
Controlo da Velocidade de Reprodução: Define a rapidez com que a pré-visualização é reproduzida. À velocidade predefinida (1×), o rótulo mostra apenas Preview; a qualquer outra velocidade, o multiplicador é exibido como um sufixo. A velocidade de reprodução não afeta a velocidade de exportação.
Painel de Chat
O painel de Chat abre-se à esquerda do canvas de pré-visualização quando ativado.
| Propriedade | Valor |
|---|---|
| Largura predefinida | 360 pt |
| Largura mínima | 300 pt |
| Largura máxima | 520 pt |
| Persistência | @AppStorage("chatPanel.visible") + @AppStorage("chatPanel.width") — sobrevive ao reabrir projetos e ao reiniciar a aplicação |
Abrir e fechar: Clique no botão Chat na barra de ferramentas superior, ou clique com o botão direito do rato para aceder a um menu de contexto com as opções Show Chat (Mostrar Chat) / Hide Chat (Ocultar Chat). O painel de Chat e o painel de Recursos são mutuamente exclusivos — abrir um fecha automaticamente o outro.
Quando o módulo de execução de chat ainda não está instalado, o painel apresenta um ecrã Install Chat Module (Instalar Módulo de Chat) com um ícone de peça de puzzle e a mensagem "Adds the local AI chat runtime without increasing the core app size.". A partir daí, pode escolher uma pasta local do módulo ou tentar novamente após a instalação.
Barra Lateral do Inspetor (Direita)
O painel direito controla o aspeto do projeto e as propriedades dos clips. Uma faixa estreita de ícones na extremidade esquerda da barra lateral permite alternar entre os modos de inspeção.
A largura da barra lateral é recordada e pode ser ajustada arrastando a divisória.
Ícones do Inspetor
Dez ícones de secção são renderizados a partir de imagens de recursos nomeadas, com um peso visual uniforme. Cada ícone ativa o respetivo painel do inspetor:
| Ícone | Modo | Rótulo |
|---|---|---|
inspector-icon-audio | Áudio | Audio |
inspector-icon-autozoom | Zoom Automático | Auto Zoom |
inspector-icon-background | Fundo | Background |
inspector-icon-camera | Câmara | Camera |
inspector-icon-cameralayout | Layout de Câmara | Camera Layout |
inspector-icon-cursor | Cursor | Cursor |
inspector-icon-keyboardshortcut | Atalho de Teclado | Keyboard Shortcut |
inspector-icon-overlay | Sobreposição | Overlay |
inspector-icon-specialeffect | Efeito Especial (Máscara) | Mask |
inspector-icon-transcription | Transcrição | Captions |
Ao passar o cursor sobre qualquer ícone, surge uma dica (tooltip) com o nome do modo após um curto atraso. Os modos indisponíveis (por exemplo, Zoom Automático num projeto sem dados de zoom) surgem com 50 % de opacidade e não são interativos.
Barra lateral do Inspetor mostrando a coluna de ícones de secção redesenhados com peso visual uniforme
Linha de Tempo (Inferior)
Uma linha de tempo multi-faixa que mostra miniaturas de vídeo, formas de onda de áudio, fotogramas-chave (keyframes) de zoom e sobreposições. A altura da linha de tempo é recordada e pode ser ajustada arrastando a divisória.
Compatibilidade de Reprodução
Gravações ProMotion (90 Hz / 120 Hz)
As gravações capturadas com taxas de atualização elevadas (90 Hz ou 120 Hz, por exemplo, a partir de um ecrã ProMotion ou iPhone) são reproduzidas corretamente no editor. O motor de pré-visualização utiliza um ciclo de renderização baseado em CVDisplayLink que acompanha a taxa de atualização do ecrã principal, eliminando os problemas de paragem ou fotogramas congelados que eram visíveis em versões anteriores com conteúdos de elevada taxa de fotogramas.
O pipeline de renderização da exportação está limitado a 60 fps, independentemente da taxa de fotogramas de origem, o que garante que os vídeos exportados sejam sempre reproduzidos com fluidez em qualquer ecrã.