Reflector를 활용한 아이폰 앱 영상 녹화하기

Reflector 소개

앱의 사용방법에 대한 영상을 제작해보고자 검색중 Reflector와 AirServer라는 프로그램을 알게 되어 둘다 사용해보았는데요~!! 개인적으로는 Reflector가 사용하기 편하고 스트리밍 하는 속도도 쾌적한듯해 소개해보고자 합니다. (AirServer는 녹화 기능이 없습니다)

간단하게 말해 Reflector는 나의 Mac이나 PC를 AirPlay 디바이스로 인식하게 해주는 유틸리티입니다.
따라서 이 프로그램을 설치하면 아이폰이나 아이패드의 AirPlay 기술을 이용해 아이폰에서 실행한 영화나 음악을 간편하게 맥이나 PC에서 감상할 수 있게 되겠습니다.

단, 이 프로그램을 이용할 수 있는 디바이스는 iPhone 4S, iPhone 5, iPad 2 or iPad 3에서 이용하실 수 있습니다.
저도 현재 아이폰4라 작동이 안되더군요! 대신 와이프 폰이 4s인지라 이렇게 글을 올릴 수 있게 되었습니다.

 

Reflector 설치방법

이곳에서 https://www.reflectorapp.com/ 다운로드를 합니다. 저는 맥유저라 맥기반으로 설명 드립니다. 다운로드후 Reflector.dmg를 실행하시면 아래와 같은 화면을 만나실 수 있습니다. 다른 여느 맥설치와 동일합니다. 드래그 해서 어플리케이션 폴더로 이동해주세요!!

스크린샷 2013-02-08 오전 1.59.56

그리고 나서 해당 앱을 실행시키면 설치 끝입니다.
정품으로 구매하시면 싱글라이센스로 $12.99입니다.
비품도 없냐고 물어보시는 분들께는 검색이 답이라고 말씀드리고 싶네요 ^^;

 

Reflector 사용방법 (Mac, PC)

해당 맥이나 피씨에서 앱을 실행하시면 아무것도 안뜹니다. 하지만 자세히 보시면 상단에 메뉴에 앱이 실행 중임을 한눈에 알 수 있습니다.

스크린샷 2013-02-08 오전 2.02.38

Device 설정에서 건드릴 부분은 알아서 설정해주시면 될 것 같고, Start Recording만 알고 계시면 될 것 같습니다.
이 것을 누르면 말그대로 아이폰으로 실행중인 프로그램을 맥에서 그대로 보여지고 녹화를 할 수 있게 해줍니다.

아래는 Preferences 입니다.
여기서는 아이폰이나 패드에서 실행한 화면을 띄어줄 기본적인 구성과 AirPlay 연결 이름과 암호 설정을 하실 수 있습니다.
암호는 설정해도 되고 안해도 상관없습니다만, 암호를 설정하면 폰에서 AirPlay연결시 암호를 물어보고 암호에 답해야 접속이 되게 되있으니 참고하시면 될 것 같습니다.

자, 그럼 거의 끝나갑니다. 마지막으로 중요한 폰에서의 설정은 어떻게 할지 다음 섹션을 봐주세요!

스크린샷 2013-02-08 오전 2.02.19

 

Reflector 사용방법 (iPhone, iPad)

iPhone 4S, iPhone 5, iPad 2 or iPad 3에서 홈버튼 더블클릭을 하셔서 가장 왼쪽으로 가시면 아래와 같은 화면을 보실 수 있습니다.

airplay_confing_1 airplay_confing_2

좌측 이미지에서 보시다시피 홈버튼 더블클릭해서 가장 왼쪽으로 가시면 보실 수 있습니다. 혹여나 난 왜 저게 안보이지 하시는 분들은 지금 보이는데서 한번더 드래깅 해주세요!
그래도 안보이신다면 여러분의 기기는 지원하지 않는 것 입니다. 위에서 말씀드렸다시피 iPhone 4S, iPhone 5, iPad 2 or iPad 3 에서만 이용하실 수 있습니다.

여튼 AirPlay 버튼을 누르시면 우측 이미지와 같이 AirPlay 연결 기기를 선택하라고 나옵니다.
저는 qnibus-iMac에 연결했습니다. 연결하는 순간 하단에 Mirroring(미러링)이 나오는데 이를 켜시는 순간 맥에서 다음과 같은 거대한 아이폰이 나타나게 됩니다.

 

Reflector로 맥과 폰 연결 모습

지금 보시는 화면은 아이폰에서 실행하고 있는 모습 그대로 미러링되어 나타나고 있습니다.
이걸 녹화하시려면 위에서 설명드린 Start Recording을 하시면 그대로 녹화하게 됩니다.

녹화가 끝난후 저장메시지가 나오는데 그곳에서는 동영상 렌더링시 폰이나 아이패드의 프레임을 포함할 것인지 말 것인지에 대한 체크사항이 있습니다. 이를 통해 프레임째 동영상으로 제작할 수도 있다는 사실을 꼭 알고 계시기 바랍니다.

스크린샷 2013-02-08 오전 2.13.40

 

녹화 동영상

본 동영상을 촬영하면서 오리엔테이션을 가로 세로 왔다리 갔다리 한번 했더니 기본 동영상 프레임 사이즈가 커지더군요!
참고하시고 한번 감상해주시면 될 것 같습니다.

Published by

안반장

Web과 App 개발을 하고 있으며 최근 워드프레스에 관심이 많아져 네이버 카페 워드프레스 홈페이지의 TF팀으로 활동 중 입니다.개인적으로는 안반장의 개발 노트라는 블로그를 운영하면서 개발의 즐거움과 고충들을 차곡차곡 담아가고 있습니다.