Eu consegui criar um vídeo nítido depois de fazer muita pesquisa. No entanto, agora meu problema é ao reduzir o tamanho do navegador. Estou tentando fazer algo semelhante a isso: link
Eu entrei em contato com algumas pessoas da Framer e eles mencionaram que usaram uma grande tela de retina (maior densidade de pixels) e ScreenFlow para captura e exportação sem nenhum software de compactação adicional. Percebi que o ScreenFlow tem a opção de usar um algoritmo que mantém a nitidez quando o vídeo é reduzido.
Meu fluxo de trabalho está todo no Windows, considerando que o aplicativo que estou usando também é o windows.
Este é o meu fluxo de trabalho: o Camtasia captura com tamanho fixo de 960x720 (eu li que o material H264 deve ter um tamanho múltiplo de 8 e 16 para evitar pixelação). Em seguida, importe e edite no Adobe Premiere, exporte com codec H264 com saída e qualidade máximas. Importar para o Handbrake, escolher a predefinição HQ1080p30, modificar o vídeo para taxa de quadros constante e qualidade constante de 15, uma saída otimizada para a Web e nenhuma alteração no tamanho.
Quando meu vídeo é reproduzido no tamanho específico de 960x720, é perfeito. No entanto, quando as coisas começam a diminuir, percebo que a fonte fica confusa, o que é ruim para um site responsivo.
Observação: o Premiere, o Camtasia e o Handbrake não têm a opção de usar um algoritmo que mantenha a nitidez quando o tamanho é reduzido ou, pelo menos, não conseguimos encontrá-lo.
Eu coloquei um pequeno código HTML na caneta de código para que você possa visualizar esse problema: link
Nota: basta alterar os tamanhos para (múltiplos de 8 e 16)