# Animockup - 앱/웹의 애니메이션 목업 만들기

> Clean Markdown view of GeekNews topic #1768. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1768](https://news.hada.io/topic?id=1768)
- GeekNews Markdown: [https://news.hada.io/topic/1768.md](https://news.hada.io/topic/1768.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-03-24T10:15:46+09:00
- Updated: 2020-03-24T10:15:46+09:00
- Original source: [animockup.com](https://animockup.com/)
- Points: 8
- Comments: 1

## Topic Body

- 앱/웹을 소개하는 애니메이션을 쉽게 만드는 웹사이트

- 캡쳐 동영상/이미지를 맥/아이폰/갤럭시 등 프레임에 올리고 텍스트 추가 가능

- 결과물을 WebM/MP4/애니GIF로 다운로드

- 서버 없이 스탠드얼론으로 동작

- FabricJS,CanvasRecorder.js,FFMPEG.js 등을 이용한 오픈소스

## Comments



### Comment 1442

- Author: xguru
- Created: 2020-03-24T10:15:56+09:00
- Points: 1

깃헙에 공개된 코드에서 동작 동영상 확인 가능합니다.

https://github.com/alyssaxuu/animockup

1. 아이폰 화면 녹화 기능 등으로 앱 동작 녹화

2. 해당 영상을 여기에 올리고 아이폰 프레임 선택

3. 자막 및 소개 멘트 텍스트 올리기

4. 영상으로 다운로드

이런식으로 하면 별도의 동영상 편집기 필요없이 소개 동영상을 쉽게 만들수 있겠네요.

기능 훌륭하네요. 오픈소스로 공개해서 참고할 수 있는 것도 좋구요.