근처 기기와의 연결 + 기기간 비디오/사진 데이터 송수신 기능을 구현합니다.

[sangYuLv]

🔗 연관된 이슈

프로토타입 작업 기간 중 병합이 안 되어서 커밋이 계속 쌓이고 있어 하나의 PR로 통일했습니다.
개발 기간 중에는 팀 내에서 정했던대로 이슈 단위로 PR 올리겠습니다!

• closed 주변의 애플 기기를 탐색하는 기능을 구현합니다. #7
• closed 선택한 애플 기기와의 통신 연결 상태를 확인합니다. #8
• closed 아이폰에서 미러링 기기로의 비디오 스트림 기능을 구현합니다. #9
• closed 아이폰에서 촬영된 사진을 미러링 기기로 전송하는 기능을 구현합니다. #10

📝 작업 내용

📌 요약

1. MultipeerConnectivity 프레임워크를 이용해 주변 Apple 기기를 탐색하는 로직을 구현했습니다.
2. 탐색한 기기 중 선택한 기기와의 연결이 가능하도록 하고 그 상태를 확인합니다.
3. 카메라 기기에서 미러링 기기로 비디오 데이터 (실시간 촬영 화면)을 보내 화면에 표시합니다. (H.264 사용)
   1. 촬영 중 카메라 기기의 화면에는 촬영 화면이 보이지 않도록 구현했습니다.
4. 미러링 기기에서 촬영 버튼을 누르고, 촬영된 사진이 미러링 기기 화면에 보여집니다. (JPEG 사용)

🔍 상세

실제 구동 영상은 문서 맨 아래에 첨부했습니다.

💬 리뷰 노트

기기에 따른 시작 화면

현재는 아이폰이면 1st 디바이스, 그 외면 미러링 혹은 리모트 디바이스로 작동하도록 했습니다.

아이폰을 카메라 디바이스가 아닌 미러링/리모트로 사용하도록 하려면 사용자가 선택할 수 있도록 해도 좋을 듯 합니다.

시작 화면에서 촬영하기 버튼과 함께 미러링 기기로 사용하기, 리모트 기기로 사용하기 와 같은 버튼이 있도록 하면 어떨까 싶습니다.

어떤 버튼을 클릭하는지에 따라 BrowserView 혹은 ReceiverView를 보여주면 어떨까요?

기기 이름

사용자의 커스텀 기기 이름을 프로그래밍적으로 얻을 수 없다는 걸 이전에 토의한 적이 있습니다.

사용자의 닉네임을 미리 입력 받아서 UIDevice.current.name에 붙이는 방안을 생각 중입니다.

개발 기간으로 미뤘습니다. 😅

카메라 회전

아이폰 (1st 디바이스)의 기울기에 따라 비디오도 회전하는 기능을 넣으면 좋을 듯 합니다.

참고 문서

MultipeerConnectivity와 비디오 프레임 송수신(사진 송수신 포함) 개발 및 학습 기록을 아래 문서들에 각각 기록했습니다.

• MultipeerConnectivity

• 비디오 프레임 송수신

📸 영상 / 이미지

카메라 디바이스

prototype-iPhone.mov

미러링 디바이스

prototype-iPad.mov