웹 및 HTML5 재생

완전한 샘플 사용 첫번째#

The Web package contains the latest local Universal Player JavaScript and declarations, qualified Shaka, a runnable PHP application, a runnable ASP.NET Core example, and an integration README. Production pages may load Shaka and Universal Player from the DRM-X CDN; the package retains current local files for review, development, and controlled fallback.

1. 서버 측에서 Site ID, Site Key 및 Access Key를 설정하세요.
2. 신뢰할 수있는 게시 된 보호 파일 Content ID 및 정책 이름을 설정합니다.
3. 귀하의 비즈니스 논리와 샘플 로그인 및 제목 결정을 대체합니다.

Minimal 클라이언트 경계#

<script src="https://drm-x6-cdn.1aicloud.com/sdk/drmx-universal-player/v1/drmx-universal-player.js"></script>
<drmx-universal-player id="player"></drmx-universal-player>
<script>
  // Call your authenticated backend, not api6.drm-x.com.
  const session = await fetch('/api/playback/session', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({contentId: 'trusted-catalog-reference'})
  }).then(r => r.json());
  await window.DrmXUniversalPlayer.start(document.querySelector('#player'), session);
</script>

자동 DRM 동작 #

• Windows Microsoft Edge는 PlayReady을 선호합니다. 자격이 된 PlayReady 경로가 재생하기 전에 실패하면 자동 모드가 바인딩 된 Widevine fallback을 사용할 수 있습니다.
• Chrome 과 지원 Android 브라우저 사용 Widevine.
• Safari on iPhone and iPad uses native HLS FairPlay. 지원되는 macOS Safari, 자격이 된 Shaka MSE FairPlay는 기본 HLS fallback과 함께 사용할 때 선호됩니다.
• 호환 화웨이 브라우저는 자격이 된 WisePlay 경로 및 보수적 인 자동 품질 동작을 사용합니다.

생산 checklist#

• HTTPS 이상 모든 것을 시도하고 서버 비밀에서 Access Key을 유지합니다.
• Cache-Control: no-store로 재생 세션 응답을 반환합니다.
• persist가 localStorage의 URL, 토큰 또는 세션 응답을 표시하지 마십시오.
• 자세한 적색 로그 선택 및 시간 경계를 유지하십시오. 라이센스 바이트 또는 허가를 기록하지 마십시오.
• 물리적인 Windows Edge, macOS Safari, iPhone / iPad Safari, Android 및 광고하는 모든 장치 클래스를 테스트하십시오.