📸 사진 촬영 및 출력/전송 기능 고도화

📌 프로젝트 개요

• 사진 촬영, 미리보기, 출력, 이메일 및 문자 전송 기능을 포함하는 콘텐츠입니다.
• 로봇에 장착된 웹캠을 활용하여 고화질 사진을 촬영하고, 실시간으로 확인 및 공유할 수 있는 기능을 제공합니다.
• RCMS(Robot Contents Management System)와 연동된 화질 설정 기능을 통해, 디바이스 성능에 맞는 최적의 화질을 선택할 수 있습니다.
• 스트리밍 방식을 최적화 하여, UHD(4K) 고해상도 촬영 및 부드러운 실시간 미리보기를 제공합니다.
• 가상 키보드 및 숫자 패드를 지원하여, 사용자가 이메일이나 전화번호를 손쉽게 입력하고 사진을 받아볼 수 있습니다.

🧑‍💻 주요 기여

• 기존 미들웨어에서 WebSocket을 통해 Base64 전송 방식으로 영상을 받아 오는 방식을 대체하기 위해, MediaDevices API를 도입하여 실시간 웹캠 스트리밍 기반 구조로 리팩터링하였습니다.
• 이를 통해 촬영 성능과 화질을 개선하였습니다.
  • Base64 인코딩 과정을 제거하여 원본 화질을 그대로 유지하고, HD(720p) 한계를 넘어 UHD(4K) 해상도까지 지원하도록 개선하였습니다.
  • 실시간 캡처 및 렌더링 구현 시 canvas 기반 스트리밍 방식을 적용하여, 프레임 드롭을 감소하였고, 부드러운 미리보기를 제공하였습니다.
  • 결과적으로 기존 대비 CPU 사용량을 최대 20% 절감하고, 데이터 전송 효율을 개선하였습니다.
• 관리자가 촬영 화질 설정, 상하/좌우 반전 등의 이미지 효과 및 프레임을 적용할 수 있는 맞춤형 UI 설정을 구현하였습니다.
• 촬영된 이미지는 REST API와 연동하여 프린터 출력, 이메일, MMS 전송이 가능하도록 구성하였습니다.
• 전체 콘텐츠를 성능 중심으로 최적화하며, 실시간성과 시각적 품질을 모두 확보한 콘텐츠로 고도화하였습니다.