본문 바로가기
개발의 기록/Web

영상으로 간편하게 움짤 만들기

by prographer J 2015. 2. 13.
728x90

내가 갖고 있는 동영상, 움짤로 어떻게 만드세요? 

만든 움짤은 어떻게 관리 하세요?


검색엔진에서 검색을 해보면 다양한 방법이 많이 나옵니다.

D사의 D인코더 프로그램으로 동영상을 잘라서 A사의 P샵을 이용 해라 와같이 듣기만 해도 어려운 이야기뿐입니다.


여기 설치 없이 동영상업로드, 구간설정, 만들기 만으로 움짤 만들고 만들어진 움짤을 편리하게 관리하는 방법을 소개합니다.

제가 만들었어요.. ㅋㅋ


이게 메인 화면인데요, 로고와 검색 창이 보입니다.

움짤을 직접 만들 수도 있지만, 다른 사람이 만들어놓은 움잘도 사용 할 수 있도록 보여주는 기능을 하죠, ㅎㅎ



http://33zzal.com





쭉 내리다 보면 Load More가 있어서 움짤을 더 보고 싶을 때는 눌러주시면 됩니다....ㅎㅎ 





회원 가입 화면인데요, 움짤을 만들기 위해서는 사이트에 가입을 해야 합니다.

그런데 귀찮게 이것저것 안쓰고 이메일 주소와 이름 비밀번호만 뙇! 하면 끗!



이런 가입도 귀찮으신 분들을 위한 소셜사용자 로그인 기능도 만드렀지요~ㅎㅎ

조만간 카카오나 네이버등도 추가 할 계획이에요^^ 지금은 안되요 ㅠ




로그인을 하면 이름과 사진이 나오는데요, 저는 facebook 로그인을 했기 때문에 facebook에 있는 제 프로필 사진과 Facebook데 등록되어 있는 제 이름이 나오네요 

그리고 메뉴르는 우리가 그토록 원했던 [짤 만들기] 가 보입니다.



짤 만들기로 들어가면, 

모든것이 비활성화 되어 있고, [영상파일선택]이라는 버튼만 활성화 되어 있습니다.

즉, 영상파일을 올리기전에는 아무것도 할 수 없다는 이야기지요~





영상파일을 업로드하면 미리보기를 할 수있습니다. 왜냐! 우리가 만들고자 하는 GIF의 구간을 설정 해야 하기 때문이죠!

영상의 크기는 최대 100MB까지 업로드가 가능합니다. 그리고 기본적으로 HTML5로 만들어 졌기 때문에, MP4, OGG, OGV, WEBM은 변환없이 플레이를 할 수있습니다.





그런데, 그 외 다른 FLV, AVI, WMV등 파일을 올릴 경우 아래와같이 변환여부를 묻는 화면이 나옵니다.

동영상 변환을 원하면 [예]를 눌러주세요!




동영상이 업로드 되고 있습니다........



동영상이 변환되고 있습니다...[좀만 기다려주세요...오래걸려요 ㅠㅠ]



짜잔~! 변환된 동영상이 미리보기 화면에 표시됩니다!!

오 지져스~ 이거 개발하느라 겁네 빡셈 ㅠ_ㅠ 


암튼 이제 영상이 보이니 원하는 구간을 선택 할 수 있습니다.



저는 핫바디 요가부분을 GIF를 만들기 우해 동영상 시작 시간과 기타 오션을 선택 합니다.



그리고 GIF 만들기를 클릭하면 끗,

이미 서버에 동영사이 올라가 있으므로 File은 다시 업로드 하지 않습니다.

그리고 그 영상을 이용하여 GIF로 변환을 시작 합니다!



변환이 완료되면 우측에 변환된 결과가 표시가 됩니다!

(이것도 만드느라 겁네 빡셈 ㅠㅠ)



자 만들어 졌으니 [마이페이지]에서 만들어진 결과를 확인 합니다!



공개 설정 되어 있다면 메인 페이지에서도 확인 가능 합니다



만등 짤을 선택해보면 팝업이 뜨며 짤의 내용을 볼 수 있습니다.

또는! 마우스 오버를 할 경우 바로 플레이가 됩니다!



그리고 내가 만든 짤을 여기저기 퍼트리고 싶으시면 Share기능을 이용하면 되겠습니다~!




쉐어를 해본 결과 입니다. 아 저누나 눈 감았네요 ㄷㄷ


facebook에 공유된 결과 확인공유결과 확인

Facebook에 공유된 결과 확인


이건머 걍 기본기능(? 그런데 만들긴 어려웠음 ㅠ)인데 해쉬테그 검색 기능이 있습니다. 검색창에 검색어를 입력 하시거나, 각 게시물에 있는 해쉬태그를 클릭하면 관련 태그를 검색합니다~!



검색결과입니다 ㅎㅎ



이상 제가 만든 움짤싸이트 설명이였습니다~!ㅋ


http://33zzal.com

728x90

댓글