많은 연구를 한 후에 선명한 비디오를 만들 수있었습니다. 그러나 이제 내 문제는 브라우저에서 축소 할 때입니다. https://framer.com/features/design/ 와 비슷한 것을하려고합니다.
나는 Framer의 일부 사람들에게 연락하여 추가 압축 소프트웨어없이 캡처 및 내보내기에 큰 망막 화면 (높은 픽셀 밀도)과 ScreenFlow를 사용했다고 언급했습니다. ScreenFlow에는 비디오가 축소 될 때 선명도를 유지하는 알고리즘을 사용할 수있는 옵션이 있습니다.
내가 사용하는 응용 프로그램도 창이라고 생각하면 내 워크 플로는 모두 창에 있습니다.
이것이 나의 워크 플로입니다. Camtasia는 고정 크기 960x720으로 캡처합니다 (화소를 피하기 위해 H264 영상의 크기가 8과 16의 배수 여야 함을 읽었습니다). 그런 다음 Adobe Premiere에서 가져 오기 및 편집하고 최대 출력 및 품질로 H264 코덱으로 내 보냅니다. 수동 브레이크로 가져 오기, HQ1080p30 사전 설정 선택, 일정한 프레임 속도 및 15의 일정한 품질을 위해 비디오 수정, 출력은 웹에 대해 Mp4 최적화되었으며 크기의 변화는 없습니다.
내 비디오가 특정 크기의 960x720에서 재생되면 완벽합니다. 그러나 물건이 축소되기 시작하면 글꼴이 흐리게 표시되어 반응 형 웹 사이트에 좋지 않습니다.
참고 : Premiere, Camtasia 및 Handbrake에는 크기가 축소 될 때 선명도를 유지하거나 적어도 찾을 수없는 알고리즘을 사용할 수있는 옵션이 없습니다.
이 문제를 시각화 할 수 있도록 작은 HTML 코드를 코드 펜에 넣었습니다. : https://codepen.io/danielvianna/pen/xrvzzJ
참고 : 크기를 (8과 16의 배수)로 변경하십시오.
- 832x624
- 768x576
- 704x528