개요
큰 단추 막대에서 [개체] > [웹] 을 클릭하여 슬라이드에 개체를 클릭하여 기본 HTML5 웹 개체를 삽입할 수 있습니다. 속성 관리자의 [주소] 필드에서 개체의 URL를 입력하면 개체 컨테이너에 웹 페이지가 나타납니다.
웹 개체 만들기
도구 모음에서 아래와 같이 [개체] > [웹]을 선택합니다.
[주소] 필드에 웹 개체에 대한 URL을 입력합니다. 또한 OAM, PDF, svg 및 zip 파일을 주소 필드 옆의 폴더 아이콘을 클릭하여 찾아볼 수 있습니다.
아래에 설명된 대로 다른 옵션을 선택합니다.
자동 로드 |
출력 시 개체를 자동으로 로드하려는 경우 이 옵션을 선택합니다. 기본적으로 이 옵션은 웹 개체를 만들 때 선택된 상태로 유지됩니다. 편집 모드에서 개체를 로드한 후 개체 위로 마우스를 이동하여 콘텐트를 봅니다. 옵션을 활성화한 후 콘텐트를 볼 수 없는 경우에는 이 포럼 스레드에서 자세한 내용을 참조하십시오. |
슬라이드에서 웹 개체를 표시하려면 다음 옵션을 선택합니다. |
|
테두리 |
웹 개체의 테두리를 보고 싶은 경우 이 옵션을 선택합니다. |
스크롤링 |
웹 개체 컨테이너에 스크롤 막대를 보고 싶은 경우 이 옵션을 선택합니다. |
애니메이션 로드 중 |
웹 개체 내의 애니메이션이 로드되게 하려는 경우 이 옵션을 선택합니다. |
새 브라우저 창에서 웹 개체를 표시하려면 다음 옵션을 선택합니다. |
|
기본값 |
기본 브라우저 설정으로 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다. |
전체 화면 |
전체 화면에서 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다. |
사용자 정의 |
정의된 너비와 높이 내에서 웹 개체를 보고 싶은 경우 이 옵션을 선택합니다. |
pdf 또는 zip 파일 같은 개체를 삽입하려면 웹 서비에 pdf, zip 또는 svg 파일을 배치한 후 해당 파일에 대한 url을 사용하는 것이 좋습니다.
예를 들어 개체를 웹 서버에 배치한 후 다음과 같이 URL을 사용합니다.
- pdf: localhost:8012/<filename>.pdf
- svg : localhost:8012/<filename>.svg
슬라이드를 미리 보면 개체가 출력에 포함된 것을 확인할 수 있습니다.
YouTube 비디오가 로드되지 않음
YouTube 위젯을 삽입한 후 게시하면 비디오가 재생되지 않습니다. 이 경우에는 위젯을 업데이트합니다.
자세한 내용은 SWF 출력의 YouTube 위젯 문제를 참조하십시오.
포함 코드 지원
포함 코드 옵션을 클릭하면 비디오 파일 또는 스트리밍된 비디오에 대한 링크와 같은 웹 개체를 포함할 수 있습니다. 아래와 같이 포함 코드를 URL 영역에 붙여 넣을 수 있습니다.
예를 들어 다음 포함 코드를 붙여 넣을 때 모바일 보기에서 포함된 비디오를 볼 수 있습니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/_VW-KBt0Sbk" frameborder="0" allowfullscreen></iframe>
프로젝트를 게시하거나 미리 본 후 오류 메시지가 나타나는 경우 개체는 프레임에 표시될 수 없습니다. 자세한 내용은 이 포럼 게시물을 참조하십시오.
웹 개체 컨테이너의 크기를 변경하여 포함된 비디오의 높이 및 너비를 변경할 수 있습니다. 비디오는 웹 개체 컨테이너의 너비를 따라 너비를 유지하고 높이에 대한 종횡비를 유지합니다.
또한 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에서 이 문제를 해결하려면 다음을 수행합니다.
- Captivate 설치 폴더에서 AdobeCaptivate.ini 파일을 엽니다.
- 다음과 같이 파일을 편집하여 UseWidget7의 값을 1로 변경합니다.
UseWidget7=1 - Adobe Captivate를 닫고 다시 시작합니다.
이제 웹 개체를 맨 위 또는 맨 아래에 배치할 수 있으며 HTML5에서 예상대로 나타납니다.
이 해결 방법은 HTML5 게시 옵션에 적용되며 정적 페이지 또는 애니메이션에만 해당합니다.
보 안 LMS(https)는웹 개체에 포함된 비보안(http) 페이지의 시작을 허용하지 않을 수 있습니다.
https 보안 LMS 환경에서 웹 개체 내에 http 웹 사이트를 참조할 때 LMS는 콘텐트가 보안 웹 사이트에서 시작되는 것을 허용하지 않습니다.
Captivate 미리 보기 서버에서는 http 기반이기 때문에 콘텐트가 시작됩니다. 그러나 SCORM 클라우드 또는 Captviate Prime에서는 https 기반이기 때문에 작동되지 않습니다.
웹 개체에서는 웹 사이트의 클릭잭이 허용되지 않습니다.
클릭잭은 보안 위협 요소이며 Captivate는 다른 웹 사이트로의 리디렉션을 지원하지 않습니다.
일부 웹 사이트는 다른 페이지 또는 창에서 여는 것을 허용하지 않을 수 있습니다. 사이트가 웹 개체에서 지원되는지 여부를 테스트하려면 iframe이 있는 간단한 HTML 페이지를 만들어 URL이 작동하는지 확인해 볼 수 있습니다. 작동하는 경우에는 웹 개체 내에서도 작동하는 것입니다.
클릭잭에 대한 자세한 내용은 클릭잭에 대한 위키피디아 페이지를 참조하십시오.
샘플 프로젝트 다운로드
Captivate 및 참여 학습 콘텐트 생성 방법에 대해 자세히 알아보려면 다음 프로젝트를 다운로드하십시오.
내 계정 로그인