Twitter나 Slack, 메일등으로 정보를 공유할 때는 역시 동영상이라고 즐겁지 않습니까.

비주얼이나 동작의 부분을 전할 때는, 상당히 시비아에게 말 선택하지 않으면 안 되고, 전해지는 측도 UI의 부분이라든지 문장으로 설명되어도 곤란해! 라고 생각합니다.

동영상이 있으면 서로 쉽게 정보 공유할 수 있고, 인식의 어긋남도 적어져 시단도 된다.

좋은 일 만들기지만, mac 샀던 단지 아마추어가 동영상 보내려고하면 조금 허들 높지요 ...

원래 화면 캡처 동영상을 만드는 도구도 잘 모르고 설정도 필요하고 원래 데이터 용량 너무 무거워 ... 어째서 ...

같은 분 꽤 있다고 생각하네요!
내가 그랬어! !

이 기사에서는 mac의 표준 기능으로 화면 녹화를 수행하는 방법과 FFmpeg로 빨리 화면 녹화를 gif로 만드는 방법을 소개합니다!

화면 녹화

mac는 표준 기능으로 commando + shift + 5로 화면 녹화가 가능합니다!

동시에 누르면 다음과 같은 화면이 나옵니다.

화면 끝에 점선이 표시되는 것을 알 수 있습니까?

이 파선의 범위내가 화면 녹화를 실시하는 범위가 됩니다.
(화면 전 범위 등을 지정할 수 있거나, 그 외 옵션도 있으므로 시험해 주세요)

범위는 자유롭게 엉망입니다. 어떤 부분을 둘러싼 후 오른쪽 가장자리의 "녹화"버튼을 누르십시오!



그러자마자 녹화 시작입니다!

끝내고 싶을 때는 다시 commando + shift + 5 를 누르면 메뉴바가 나오므로 정지 버튼을 눌러 주십시오.



이런 느낌으로 매우 간단하게 화면 녹화가 가능합니다!

gif로 변환

이대로라면 짧은 동영상에서도 용량이 크고 투고할 수 없습니다.

그래서 FFmpeg로 gif로 변환합시다.

FFmpeg 설치

$brew install ffmpeg

gif로 변환

이번에는 바삭바삭하고 간편하게 좋은 느낌의 gif를 만들고 싶을 뿐이므로 세세한 옵션에 대해서는 설명하지 않습니다! ! ! ! (모르겠습니다)

우선 이하의 커맨드로 절묘하게 좋은 느낌의 용량과 화질의 gif가 됩니다! ! ! ! !

자세한 내용은 다음 기사가 매우 도움이 될 것입니다!
그것 FFmpeg로 할 수 있어!

ffmpeg -i sample/sample.mov -vf scale=960:-1 -r 10 sample/sample.gif

sample/sample.mov 은 촬영 한 동영상의 경로sample/sample.gif 는 토출처의 패스

※※※※※ 덧붙여서, 촬영한 동영상의 명칭은 디폴트라고 「일본어+스페이스 있어+확장자 없음」과 같은 바보 같은 명칭이 되어 있으므로, sample.mov 와 같이 리네임 하는 것을 추천! ※※※※※※

그리고 완성된 gif가 이쪽!



MapTiler의 지도를 React/Mapbox GL JS를 사용하여 최단으로 브라우저에 표시 로 만든 동영상이 됩니다(선전)

이런 느낌으로 쉽게 gif를 만들고 정보 공유할 수 있으므로 꼭 이용해보세요! !!