개요
Inline Frame 위젯을 이용해 YouTube 비디오, 구글 맵 등의 미디어를 Prototype 페이지에 삽입할 수 있습니다. 이 내용은 Axure RP 공식 홈페이지에 올라온 내용을 제가 이해한대로 옮겨적은 글입니다.
실습 예제 파일 다운로드
실습을 위해 공식 홈페이지에 있는 예제 파일을 다운로드하시기 바랍니다.
예제 파일 다운로드
설정하기
예제 파일 중, Embed Media 페이지를 엽니다. 캔버스에는 두 개의 인라인 프레임 위젯이 있습니다. 한쪽에는 YouTube 비디오를, 다른 한 쪽에는 구글 맵을 삽입할 것입니다.
YouTube 비디오
YouTube에서 Embed URL 얻기
www.youtube.com 페이지로 이동하여 삽입하고자 하는 영상의 embed URL을 복사해 옵니다. Embed URL을 구하는 방법은 따로 검색해 보시기 바랍니다.
Inline Frame의 Target URL 설정하기
Axure RP로 돌아와서, Video Frame이라는 이름의 Inline Frame 위젯을 선택합니다. PROPERTIES 탭에서 Frame Target 메뉴를 클릭합니다.
Link Properties 창이 뜨면 Link to an external url or file 라디오 버튼을 선택합니다. 아까 복사한 YouTube URL을 붙여 넣습니다. OK를 눌러 저장합니다.
미리보기 이미지 설정하기
Video Frame 위젯이 선택된 상태에서 PROPERTIES 탭의 Preview Image에서 video를 선택합니다.
미리보기
Preview 버튼을 눌러 미리보기합니다.
구글 맵
구글 맵에서 Embed URL 얻기
www.google.com/maps 페이지로 이동하여 원하는 위치의 구글 맵 Embed URL을 구합니다.
Inline Frame의 Target URL 설정하기
Map Frame 위젯을 선택하고 PROPERTIES 탭에서 Frame Target 메뉴를 클릭합니다. Link Properties 창이 뜨면 Link to an external url or file 라디오 버튼을 선택하고 위에서 복사한 URL을 붙여넣습니다.
미리보기 이미지 설정하기
Map Frame inline frame 위젯이 선택된 상태에서 PROPERTIES 탭의 Preview Image에서 map 라디오 버튼을 선택합니다.
미리보기
Preview 버튼을 눌러 미리보기합니다.