웹 콘텐츠 오버레이

검색

마지막 업데이트 날짜 2022년 11월 28일

웹 콘텐츠 오버레이에서는 웹 페이지를 보기 영역 내에 표시할 수 있습니다. 그러면 별도의 인앱 브라우저를 표시하지 않고도 보기 영역에서 웹 페이지 내용을 볼 수 있습니다. 웹 URL이나 로컬 HTML 파일을 지정할 수 있습니다. 다음 문제점을 참조하십시오.

로컬 HTML 파일을 지정하는 경우 .html 파일 및 관련 파일과 폴더가 동일한 폴더에 있는지 확인합니다. 아티클 콘텐츠가 생성되면, 같은 폴더 내의 .html 파일과 같은 모든 파일이 업로드되므로 HTML 폴더를 필요한 에셋에 대해서만 제한하십시오. 예를 들어 문서 폴더에 .html 파일을 추가할 경우, 해당 폴더의 모든 파일 및 하위 폴더가 업로드됩니다.
자동으로 모바일 URL로 리디렉션되는 URL의 경우 원래 URL(예: http://twitter.com)이 아닌 모바일 URL(예: http://mobile.twitter.com/)을 지정합니다.
웹 콘텐츠 오버레이에 HTML 애니메이션을 지정할 경우, 오버레이를 최소 지연 시간(예: 0.125초)으로 자동 재생으로 설정하여 애니메이션이 올바르게 재생되는지 확인합니다. 지연 시간을 설정하면 페이지가 메모리에 사전 로드된 경우 오버레이가 자동 재생되지 않습니다.
InDesign CS6 이상에서는 [HTML 삽입] 명령을 사용하여 YouTube 클립의 임베드 코드를 삽입할 수 있습니다. 최상의 결과를 얻으려면 "src=//www.youtube.com" 대신 "src=https://www.youtube.com"을 포함하도록 YouTube 임베드 코드를 편집하십시오. 오버레이를 자동 재생으로 설정하고 오버레이 전면에 포스터 이미지를 추가하십시오.

웹 콘텐츠 오버레이를 제작하려면:

다음 중 하나를 수행합니다.
- 사각형 도구나 사각형 프레임 도구를 드래그하여 웹 콘텐츠를 표시하는 프레임을 만듭니다.
- 웹 콘텐츠의 포스터로 사용할 이미지를 배치합니다.
프레임을 선택하고 Overlays/Folio Overlays 패널에서 [웹 콘텐츠]를 선택합니다.
다음 중 하나를 수행합니다.
- URL을 지정하려면 [에셋] 필드에 URL을 입력하거나 붙여 넣습니다. "http://"를 포함하여 전체 URL을 입력합니다.
- 로컬 HTML 파일을 사용하려면 폴더 아이콘을 클릭하고 로컬 HTML 파일을 지정합니다. HTML 파일(예: index.html)은 HTML 파일에 사용된 이미지나 스크립트가 포함된 폴더에 있어야 합니다.
다음 옵션을 모두 지정합니다.

자동 재생

모바일 디바이스에서 페이지를 불러올 때 웹 페이지를 불러오려면 이 옵션을 선택합니다. 지연할 시간(초)을 지정할 수도 있습니다. 대상 HTML이 재생되는 애니메이션일 경우 최소 지연 시간을 지정합니다.

투명한 배경

이 옵션을 선택하면 웹 페이지의 투명한 배경이 유지됩니다. 사용자는 배경에 있는 DPS 콘텐츠를 보기 위해 투명도를 비춰볼 수 있습니다. 이 옵션을 선택 해제하면 웹 콘텐츠 배경이 사용됩니다.

사용자 인터랙션 허용

이 옵션을 선택하면 사용자가 웹 페이지와 인터랙션할 수 있습니다. 예를 들어 하이퍼링크를 눌러 다른 웹 페이지로 이동할 수 있습니다.

대상에 맞게 내용 크기 조정

이 옵션을 선택하면 오버레이 파일에 지정된 크기에 맞게 웹 페이지의 크기가 조정됩니다. 이 옵션을 선택하지 않으면 웹 페이지가 디바이스의 브라우저에 표시되는 것과 동일한 크기로 표시되므로 HTML 페이지가 잘릴 수 있습니다.

권한 정보에 대한 액세스 허용

Reading API에서 Camera API, Geolocation API, 디지털 Blow-ins 및 일정과 같은 기능을 참조하는 웹 콘텐츠 오버레이를 만들 수 있습니다. (Overlays 패널에서 이 옵션은 “API 액세스 허용”으로 불립니다.) 자세한 내용은 HTML 및 JavaScript API를 사용하여 DPS 확장을 참조하십시오.

오버레이에 대한 이 옵션을 선택하는 것 외에 HTML 코드에 사용자 정의 JavaScript API를 추가하십시오.

또한 웹 콘텐츠 오버레이 대신 HTML 아티클에 대한 이러한 유형의 조건부 HTML 콘텐츠를 만들 수 있습니다. HTML 아티클의 경우 Folio Producer Editor에서 [권한 부여 정보에 대한 액세스 허용]을 선택하십시오.