웹 카메라

작업물

웹 카메라
최종 수정일:

Github
카메라 앱 링크

트와이스의 일본 앨범 "&TWICE"의 발매를 맞아 진행하는 [&TWICE Web 카메라 컨텐츠]란 이벤트를 보고 제작하게 됐습니다.

그냥 트와이스 멤버가 들어간 액자(프레임)가 있고, 본인이 찍은 사진을 그 안에 집어넣어서 사진을 만드는 단순한 이벤튼데, Web 카메라라면서 찍어둔 사진만 업로드가 가능하길래, HTML5 Canvas 공부도 할 겸 실제로 카메라를 쓰는 앱을 만들어 봤습니다.

굉장히 단순한 앱입니다.

화면 아래 카메라 버튼을 누르면 사진을 다운로드하고, 그 아래에 있는 버튼은 전 / 후면 카메라 전환 버튼입니다.
아래에 있는 멤버 프레임을 선택하면 프레임이 변경됩니다.

비디오를 canvas에 그려서 그런지 사진을 저장하려 하니 network error라면서 다운로드가 안되길래 좀 고생한 것 빼면 큰 문제는 없었습니다.

사진 예시.

You & (멤버 이름).png 형태로 파일이 저장됩니다.

Report an issue