# ReactJS # TypeScript # FFmpeg # GIF Converter

GIF / MP4 변환기

Web-application
GIF / MP4 변환기

Github : https://github.com/marshallku/gifconverter
App : https://marshallku.github.io/gifconverter/

온라인 변환기 대부분은 서버에서 변환을 처리합니다. 이는 느린 속도, 파일 크기 / 파일 길이 / 프레임 등의 제한이라는 단점이 필연적으로 동반되기 마련인데, WASM과 FFMpeg를 통해 이 단점을 해결한 앱입니다.
이 앱의 가장 큰 단점은 SharedArrayBuffer를 사용해 모바일에선 사용이 힘들단 것입니다(보안상 이유로 차단됨).

사용 방법

아이콘을 클릭해 파일을 선택하거나 파일을 드래그 앤 드랍 하시면 해당 파일을 변환하실 수 있습니다.

MP4를 GIF로 변환

mp4 to gif

MP4 파일을 선택하시면 위 옵션이 보입니다. 기본적으로 끝나는 시간과 너비는 동영상과 똑같이 설정되어있으니, 필요하시면 바꾸면 됩니다. 시계 아이콘을 클릭하시면 동영상의 현재 시각으로 설정하실 수 있습니다.
FPS는 FFMpeg의 기본 설정인 25에 맞춰져 있습니다. 필요에 따라 조정하시면 됩니다.

옵션 변경이 끝나면 아래의 화살표를 클릭하시면 변환이 진행됩니다.

GIF를 MP4로 변환

gif to mp4

해당 과정은 자동으로 진행됩니다.

마무리

변환 끝

변환된 파일과 용량이 표시됩니다.
우클릭 하셔서 저장하면 길고 이상한 이름으로 저장되니, 다운로드 버튼을 클릭하셔서 다운로드해주세요. 원본 파일과 똑같은 이름으로 저장됩니다.
Try Another 버튼을 클릭하시면 모든 과정을 처음부터 다시 시작하실 수 있습니다.

Web-application 카테고리 관련 글

위 글이 유용하셨다면, 아래 글도 읽어보세요!

웹 카메라

웹 카메라

Github카메라 앱 링크 트와이스의 일본 앨범 "&TWICE"의 발매를 맞아 진행하는 [&TWICE Web 카메라 컨텐츠]란 이벤트를 보고 제작하게 됐습니다. 그냥 트와이스 멤버가 들어간 액자(프레임)가 있고, 본인이 찍은 사진을 그 안에 집어넣어서 사진을 만드는 단순한 이벤튼데, Web 카메라라면서 찍어둔 사진만 업로드가 가능하길래, HTML5 Canvas 공부도 할 겸 실제로 카메라를 쓰는 앱을 만들어 봤습니다. 굉장히 단순한 앱입니다. 화면

TWICE New Tab

TWICE New Tab

크롬 확장 프로그램으로 제작한 TWICE New Tab을 싱글 페이지 앱으로 옮겼습니다. 앱 링크 외관은 크롬 확장 프로그램 버전과 크게 다르지 않습니다.크롬 외의 브라우저에서 해당 페이지를 홈페이지로 설정하면 크롬 확장 프로그램과 똑같이 사용하실 수 있습니다. 당연히 모바일도 지원합니다. 기본적으로 새 탭을 꾸미기 위해 만든 앱입니다.밋밋한 새 탭을 트와이스, 할 일 목록, 날씨 등으로 채울 수 있습니다.

TWICE New Tab
Canvas 썸네일, 배너 제작기

Canvas 썸네일, 배너 제작기

깃허브 제작기 링크 소개 HTML5 Canvs를 이용해서 간단하게 썸네일, 배너 등에 쓸 수 있는 이미지를 제작할 수 있는 앱입니다. 이미지의 크기 조정, 텍스트 수정, 배경 색 및 글자 색 변경, 배경에 이미지 추가, 해당 이미지의 투명도 조절 등의 기능이 포함되어 있습니다. 포토샵 등의 도구보다 자유도는 떨어지지만, 배너나 썸네일을 만들기는 훨씬 수월합니다. 사용법 크기 조정 Canvas의

JavaScript canvas