개요

큰 단추 막대에서 [개체] >[웹]을 클릭하여 슬라이드에 개체를 클릭하여 기본 HTML5 웹 개체를 삽입할 수 있습니다. 속성 관리자의 [주소] 필드에서 개체의 URL를 입력하면 개체 컨테이너에 웹 페이지가 나타납니다.

웹 개체 만들기

도구 모음에서 아래와 같이 [개체] > [웹]을 선택합니다.

도구 모음에서 웹 개체 대화 상자 선택
도구 모음에서 웹 개체 대화 상자 선택

[주소] 필드에 웹 개체에 대한 URL을 입력합니다. 또한 OAM(Edge Animate 패키지), pdf,svg및 zip 파일을 주소 필드 옆의 폴더 아이콘을 클릭하여 찾아볼 수 있습니다.

웹 개체 삽입
웹 개체 삽입

아래에 설명된 대로 다른 옵션을 선택합니다.

자동 로드

출력 시 개체를 자동으로 로드하려는 경우 이 옵션을 선택합니다. 기본적으로 이 옵션은 웹 개체를 만들 때 선택된 상태로 유지됩니다. 편집 모드에서 개체를 로드한 후 개체 위로 마우스를 이동하여 콘텐트를 봅니다.

옵션을 활성화한 후 콘텐트를 볼 수 없는 경우에는 이 포럼 스레드에서 자세한 내용을 참조하십시오.

슬라이드에서 웹 개체를 표시하려면 다음 옵션을 선택합니다.

테두리

웹 개체의 테두리를 보고 싶은 경우 이 옵션을 선택합니다.

스크롤링

웹 개체 컨테이너에 스크롤 막대를 보고 싶은 경우 이옵션을선택합니다.

애니메이션 로드 중

웹 개체 내의 애니메이션이 로드되게 하려는 경우 이 옵션을 선택합니다.

새 브라우저 창에서 웹 개체를 표시하려면 다음 옵션을 선택합니다.

기본값

기본 브라우저 설정으로 웹 개체를 보고 싶은 경우 이옵션을선택합니다.

전체 화면

전체 화면에서 웹 개체를 보고 싶은 경우 이옵션을선택합니다.

사용자 정의

정의된 너비와 높이 내에서 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다.

pdf 또는 zip 파일 같은 개체를 삽입하려면 웹 서비에 pdf, zip 또는 svg 파일을 배치한 후 해당 파일에 대한 url을 사용하는 것이 좋습니다.

예를 들어 개체를 웹 서버에배치한후 다음과 같이 URL을 사용합니다.

  • pdf: localhost:8012/<filename>.pdf
  • svg: localhost:8012/<filename>.svg

슬라이드를 미리 보면 개체가 출력에 포함된 것을 확인할 수 있습니다.

pdf 및 svg 개체 포함
pdf 및 svg 개체 포함

YouTube 비디오가 로드되지 않음

YouTube 위젯을 삽입한 후 게시하면 비디오가 재생되지 않습니다. 이 경우에는 위젯을 업데이트합니다.

자세한 내용은 SWF 출력의 YouTube 위젯 문제를 참조하십시오.

포함 코드 지원

포함 코드 옵션을클릭하면비디오 파일 또는스트리밍된비디오에 대한 링크와 같은 웹 개체를 포함할 수 있습니다. 아래와 같이 포함 코드를 URL 영역에 붙여 넣을 수 있습니다.

포함 코드 지원
포함 코드 지원

예를 들어 다음 포함 코드를 붙여 넣을 때 모바일 보기에서 포함된 비디오를 볼 수 있습니다.

<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>

참고:

프로젝트를 게시하거나 미리 본 후 오류 메시지가 나타나는 경우 개체는 프레임에 표시될 수 없습니다. 자세한 내용은 이 포럼 게시물을 참조하십시오.

반응형 슬라이드에 YouTube 비디오 포함
반응형 슬라이드에 YouTube 비디오 포함

웹 개체 컨테이너의 크기를 변경하여 포함된 비디오의 높이 및 너비를 변경할 수 있습니다. 비디오는 웹 개체 컨테이너의 너비를 따라 너비를 유지하고 높이에 대한 종횡비를 유지합니다.

또한 iframe 태그를 사용하지 않고 비디오를 포함할 수 있지만 이 방식은 권장되지 않습니다. 아래와 같이 개체 및 포함 태그를 사용할 수 있습니다.

<object data=" https://www.youtube.com/embed/_VW-KBt0Sbk " width="560" height="315"></object>
<embed width="420" height="315" src=" https://www.youtube.com/embed/_VW-KBt0Sbk "></embed>

Adobe Captivate에서 웹 개체를 사용할 때 고려할 사항

Adobe Captivate에서는 웹 개체 및 HTML5 애니메이션이 항상 맨 위에 표시됩니다(다른 모양과 겹칠 때).

HTML5에서 이 문제를 해결하려면 다음을 수행합니다.

  1. Captivate 설치 폴더에서 AdobeCaptivate.ini 파일을 엽니다.
  2. 다음과 같이 파일을 편집하여 UseWidget7의 값을 1로 변경합니다.
    UseWidget7=1
  3. Adobe Captivate를 닫고 다시 시작합니다. 

이제 웹 개체를 맨 위 또는 맨 아래에 배치할 수 있으며 HTML5에서 예상대로 나타납니다. 

참고:

이 해결 방법은 HTML5 게시 옵션에 적용되며 정적 페이지 또는 애니메이션에만 해당합니다.

안 LMS(https)는 웹 개체에 포함된 비보안(http) 페이지의 시작을 허용하지 않을 수 있습니다.

https 보안 LMS 환경에서 웹 개체 내에 http 웹 사이트를 참조할 때 LMS는 콘텐트가 보안 웹 사이트에서 시작되는 것을 허용하지 않습니다.

Captivate 미리 보기 서버에서는 http 기반이기 때문에 콘텐트가 시작됩니다. 그러나 SCORM 클라우드 또는 Captviate Prime에서는 https 기반이기 때문에 작동되지 않습니다.

웹 개체에서는 웹 사이트의 클릭잭이 허용되지 않습니다.

클릭잭은 보안 위협 요소이며 Captivate는 다른 웹 사이트로의 리디렉션을 지원하지 않습니다.

참고:

일부 웹 사이트는 다른 페이지 또는 창에서 여는 것을 허용하지 않을 수 있습니다. 사이트가웹개체에서 지원되는지 여부를 테스트하려면 iframe이 있는 간단한 HTML 페이지를 만들어 URL이 작동하는지 확인해 볼 수 있습니다. 작동하는 경우에는 웹 개체 내에서도작동하는것입니다.

클릭잭에 대한 자세한 내용은 클릭잭에 대한 위키피디아 페이지를 참조하십시오.

샘플 프로젝트 다운로드

Captivate 및 참여 학습 콘텐트 생성 방법에 대해 자세히 알아보려면 다음 프로젝트를 다운로드하십시오.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책