lnline frame - Axure Deep Dive #1

lnline frame 활용

웹사이트나 앱을 탐색하다보면 페이지 내에 유튜브 영상이나 구글 지도가 첨부되어 있는 화면을 보신적이 있으실겁니다. 이러한 작업을 엑슈어에서도 가능한지 궁금하시나요? 바로 lnline frame을 활용하면 엑슈어에서 프로토타이핑으로 구현이 가능합니다.

그럼 바로 lnline frame을 활용하여 유튜브 영상, 구글 지도를 넣어보는 작업을 해보도록 하겠습니다.

 

1번을 드래그하여 바탕영역에 드롭하면 2번과 같이 lnline frame 이 생성됩니다. 생성된 lnline frame을 더블 클릭하면 팝업이 생성되는데 저희는 외부 링크를 삽입할 것이므로 4번 영역 link to an external url or file을 클릭 후 링크를 삽입해 주시면 됩니다.

 

*주의할점은 링크 삽입 시 불필요한 부분을 꼭 삭제해주셔야합니다.

 

유튜브 링크 추출방법

1번의 주소 링크를 복사하시면 안됩니다.

2번의 공유 버튼을 클릭합니다.

 

공유버튼에서 퍼가기 버튼을 클릭

2번 영역의 iframe으로 시작하는 주소 복사

 

주소복사이후 첫번째 외부 링크 삽입 부분에 붙여넣기 해줍니다.

1번영역에 붙여넣기, 2번 fx 클릭하면 3번화면이 나타나는데, 3번화면에서 불필요한 링크 부분을 삭제

 

빨간 영역을 삭제 후 ok 버튼을 클릭하면 정상적으로 유튜브 링크가 삽입됩니다.