원격 재생 기능을 친숙한 웹 페이지로 만드는 지침

Windows 스토어 앱 환경과 마찬가지로 원격 재생 기능은 새로운 Windows UI의 Internet Explorer에서 음악, 동영상 및 이미지에 자동으로 사용됩니다. 이 섹션에서는 원격 재생 기능이 웹 페이지에서 잘 작동하도록 하는 몇 가지 팁을 간략하게 설명합니다.

Windows UI의 Internet Explorer는 원격 재생 원본으로 사용하는 데 가장 적합한 미디어 항목을 식별하려고 시도하는 경험적 접근을 사용합니다. 경험적 접근은 보기에서 선택되어 초점이 있고 현재 재생 중인 요소를 선호합니다.

5초 미만의 음악 및 비디오 요소와 300x300 픽셀 이하의 이미지는 경험적 접근에 의해 무시되며 자동으로 사용되지 않습니다.

원격 재생 경험적 접근은 하나의 큰 사진이나 하나의 큰 동영상 같이 기본 미디어 요소가 하나만 있는 간단한 웹 페이지에서 잘 작동합니다. 그러나 여러 개의 비디오나 복잡한 슬라이드 쇼 환경이 있는 보다 복잡한 페이지의 경우 웹 개발자가 가장 적합한 요소를 올바르게 식별하려면 몇 가지 도움말이 필요합니다. 다음은 가장 적합한 환경을 제공하는 데 도움이 되는 몇 가지 팁입니다.

일반적인 팁

  • msPlayToPrimary 특성은 모든 오디오, 도영상 또는 이미지 태그에서 지정할 수 있습니다. 이 특성은 다른 모든 고려 사항에 관계없이 요소가 항상 원격 재생을 위해 선택되도록 지정합니다.

    예: <video src="movie.mp4" msPlayToPrimary="true">

    예: document.getElementById("my_video").msPlayToPrimary = true;

  • msPlayToDisable 특성을 지정하면 Windows UI Internet Explorer의 경험적 접근 및 원격 재생 환경에서 요소를 선택할 수 있습니다. 예를 들어 이 특성을 사용하여 비디오 광고가 선택되지 않도록 할 수 있습니다.

  • 지정된 페이지에서 오디오, 비디오 및 이미지 요소 수를 최소화하려고 합니다. 한 번에 하나의 이미지만 표시하도록 슬라이드 쇼 환경을 제공하면 슬라이드 쇼가 아닌 환경이 복잡한 경우에도 사이트에서 원격 재생 기능이 잘 작동하도록 할 수 있습니다.

오디오 및 비디오 팁

  • 재생 중인 요소가 재생되지 않는 요소보다 기본적으로 사용됩니다. 따라서 autoplay로 표시되거나 스크립트에서 재생을 시작하는 요소가 선택될 가능성이 더 많습니다.

  • 페이지에 여러 개의 요소가 있는 경우 원격 재생 요소 선택에서는 현재 요소가 끝난 다음에 다른 적합한 요소를 찾습니다. 따라서 이전 요소가 완료된 후나 직전에 스크립트에서 다음 요소를 시작하여 재생 목록을 정렬할 수 있습니다.

오디오 팁

  • 오디오를 음소거하면 안 되며 볼륨이 0보다 커야 합니다.

  • 오디오 재생 기간은 5초보다 커야 합니다.

  • 오디오 요소는 DOM(문서 개체 모델)에 추가할 필요가 없습니다. 스크립트로 만든 오디오 요소도 원격 재생에 적합합니다.

비디오 팁

  • 비디오 요소는 DOM에 추가해야 합니다.

  • 비디오는 보기에 있어야 하며 표시되어야 합니다.

이미지 팁

  • 이미지는 페이지에 적합한 비디오나 오디오 요소가 없는 경우에만 선택됩니다. 이미지가 원격 재생을 원하는 대상일 경우 모든 오디오 요소는 5초 미만의 오디오를 가리키도록 하고 모든 비디오 요소는 숨겨야 합니다.

  • 이미지가 적합한 요소가 되려면 300 x 300 픽셀 이상이어야 합니다.

  • 페이지에서 가장 큰 이미지가 선택됩니다. 페이지에 이미지가 여러 개 있는 사진 앨범 환경이 있을 수 있지만 원하는 원격 재생 요소에는 페이지의 다른 이미지 요소보다 현저하게 더 큰 이미지가 있어야 합니다.

 

 

표시:
© 2014 Microsoft