DRM-X 6.0 dove dan logo cabang zaitunDRM-X 6.0Dokumentasi
◎ Bahasa Indonesia

Pemutaran Web dan HTML5

Integrasikan DRM-X 6.0 yang dilindungi Pemutaran Web dengan Universal Player, memenuhi syarat Shaka, PHP, ASP.NET Core, otomatis DRM seleksi, dan diagnosis aman.

Lihat MarkdownContoh langsungDimutakhirkan 2026-09-05
Backend Anda memutuskan akses; DRM-X memaksa kebijakan yang ditandatangani. Media tersandi dan DRM lisensi mengikuti jalur pengiriman terpisah.
Backend Anda memutuskan akses; DRM-X memaksa kebijakan yang ditandatangani. Media tersandi dan DRM lisensi mengikuti jalur pengiriman terpisah.

Gunakan sampel lengkap pertama #

Paket Web berisi lokal terbaru Universal Player JavaScript dan deklarasi, memenuhi syarat Shaka, dapat dijalankan PHP aplikasi, dapat dijalankan ASP.NET Core (Dan demi yang membedakan sejelas-jelasnya) maksudnya, demi ayat-ayat Alquran yang membedakan antara perkara yang hak dan perkara yang batil, serta yang membedakan antara perkara yang halal dan perkara yang haram. READMEhalaman Produksi dapat dimuat Shaka dan Universal Player dari DRM-X CDN; paket menyimpan berkas lokal untuk tinjauan, pengembangan, dan fallback terkontrol.

  1. Atur Site ID, Site Key, dan Access Key di sisi server.
  2. Atur berkas yang dilindungi oleh Published yang terpercaya Content ID dan kebijakan bernama.
  3. Ganti contoh login dan hak keputusan dengan logika bisnis Anda.

Batas minimal klien #

<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>
Peramban tidak memilih keamananBackend Anda memetakan referensi katalog yang terotentikasi dan terpercaya ke DRM-X Content ID dan template kebijakan.

Otomatis DRM perilaku #

  • Windows Microsoft Edge lebih suka PlayReady. Jika jalur yang memenuhi syarat PlayReady gagal sebelum memutar, Mode Otomatis dapat memakai bounded Widevine fallback.
  • Chrome dan didukung Android browsers menggunakan Widevine.
  • Safari pada iPhone dan iPad menggunakan native HLS FairPlay. Dengan didukung macOS Safari, memenuhi syarat Shaka MSE FairPlay lebih disukai ketika tersedia, dengan asli HLS fallback.
  • Pebrowser kompatibel Huawei menggunakan jalur yang memenuhi syarat WisePlay dan perilaku kualitas otomatis konservatif.

Daftar cek produksi #

  • Melayani segalanya lebih dari HTTPS dan menjaga Access Key s dalam rahasia server.
  • Kembali respon putar-sesi dengan Cache-Control: no-store.
  • Jangan tahan pada URL manifest, token, atau tanggapan sesi dalam localStorage.
  • Simpan rincian log redated opt-in dan waktu-bounded; jangan merekam license bytes atau otorisasi.
  • Uji fisik Windows Edge, macOS Safari, iPhone / iPad Safari, Android, dan setiap kelas perangkat yang Anda iklankan.
Web SDK

HTML5 diputar dengan satu Web Component #

<script
  src="https://drm-x6-cdn.1aicloud.com/shaka-player-5.2.4-drmx.2-6557ae581f1c.js"
  integrity="sha384-QzxDZ19XaYAL308fvtVjFjUX9RpRxtSfEZ1k1lm8FsRuML1MgNEORVMCtmToCFb8"
  crossorigin="anonymous"></script>
<script
  src="https://drm-x6-cdn.1aicloud.com/drmx-universal-player-1.2.0-preview.6-fa4b95431a9a.js"
  integrity="sha384-gwj1QszshenHjMEkHTTDEpozi6rbhsQgPlaq+aHBCgHiuEd2VK0P8tOB8BWaMQRr"
  crossorigin="anonymous"></script>

<drmx-universal-player
  content-id="course-12-lesson-4"
  content-type="vod"
  session-endpoint="/api/drmx/playback-session">
</drmx-universal-player>

Peramban hanya memanggil titik akhir same- asal Anda. Otomatis memilih dukungan yang sesuai DRM dan terdaftar DASH manifest. HLS. Bitrate, audio / channel, subtitle, Picture- in-Picture, layar penuh, dan kecepatan putar sedang dibangun.

Menggunakan Shaka, Video.js, Bitmovement, atau lain EME pemutar

Permintaan Kontraksi v1 dari backend Anda, muat manifestUrl, dan tambahkan Authorization: Bearer {drmLicenseToken} hanya ke DRM lisensi dan FairPlay permintaan sertifikat. Pertahankan tantangan buram dan respon license bytes persis. Gunakan rute rilis yang dikembalikan ketika pemutaran berakhir.

Universal Player playlist dan shared control #

Edisi Web dan Android memakai panel pengaturan gelap konsisten dengan kendali biru kompak. Dukungan playlist berikutnya / sebelumnya, shuffle, ulangi satu / semua dan dapat dibatalkan otomatis muka. Setiap item menggunakan permintaan putar yang berwenang baru. Bab dan metadata transkrip berasal dari katalog konten Anda.

Kecepatan putar, timer tidur, takarir, kualitas yang diijinkan, bahasa audio, penanda sesi dan penjatuhan A-B tersedia. Jalan pintas papan ketik, resume opsional, transkrip pencarian dan didukung peramban PiP. Android mempertahankan asli Widevine pemutakhiran dan pembaharuan. Casting dan proses perempatan memerlukan integrasi aplikasi terpisah.

Pengaturan logo profesional dan Enterprise

Branding tetap berada di permukaan video. KLIK Web pemutar, atau buka Pengaturan Tentang pemutar pada edisi baik, untuk melihat logo yang berwenang, informasi produk, dan pemutar versi. Pengaturan putaran dan gaya menu gelap dibagi dengan Android. Pengaturan layar penuh juga berisi pemilih daftar putar.

Atur playerBranding dalam backend terpercaya Anda ke {"mode":"hidden"} atau {"mode":"custom","logoUrl":"https://your-site.example/logo.png","label":"Your brand"}. Cek platform yang aktif Berlangganan Profesional. Rencana lain menggunakan {"mode":"default"}; permintaan custom / hidden tidak sah kembali 403. Ini terpisah dari watermark keamanan.

Pengunduhan PHP termasuk daftar putar yang dapat disunting dan konfigurasi branding. Android pelanggan ZIP termasuk contoh daftar putar callback. Simpan otorisasi playlist dalam backend Anda; jangan pernah embed API klien kredensial dalam baik pemutar.