📝 translate to Indonesian using-widevine-cdm-plugin.md and windows-store-guide.md [ci skip]
This commit is contained in:
parent
22099747af
commit
8a2f24c95f
4 changed files with 265 additions and 3 deletions
92
docs-translations/id/tutorial/using-widevine-cdm-plugin.md
Normal file
92
docs-translations/id/tutorial/using-widevine-cdm-plugin.md
Normal file
|
@ -0,0 +1,92 @@
|
||||||
|
# Menggunakan *Plugin Widevine CDM*
|
||||||
|
|
||||||
|
Di Electron, anda dapat menggunakan *plugin Widevine CDM* yang disertakan dengan
|
||||||
|
*browser* Chrome.
|
||||||
|
|
||||||
|
## Mendapatkan *plugin*
|
||||||
|
|
||||||
|
Elektron tidak disertakan dengan *plugin Widevine CDM* karena alasan lisensi,
|
||||||
|
untuk mendapatkanny, anda perlu menginstal *browser* Chrome resmi terlebih dahulu,
|
||||||
|
yang seharusnya cocok dengan arsitektur dan versi Chrome dari Elektron yang anda
|
||||||
|
gunakan.
|
||||||
|
|
||||||
|
**Catatan:** Versi utama *browser* Chrome harus sama dengan versi Chrome yang
|
||||||
|
digunakan oleh Electron, jika tidak cocok, *plugin* tidak akan bekerja sekalipun
|
||||||
|
`Navigator.plugins` akan menunjukkan bahwa ia telah dimuat.
|
||||||
|
|
||||||
|
### Windows & macOS
|
||||||
|
|
||||||
|
Buka `chrome://components/` di *browser* Chrome, cari `WidevineCdm` dan pastikan
|
||||||
|
apabila itu *up-to-date*, maka Anda dapat menemukan semua plugin binari dari direktori
|
||||||
|
`APP_DATA / Google / Chrome / WidevineCDM / VERSION / _platform_specific / PLATFORM_ARCH /`.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
`APP_DATA` adalah lokasi sistem untuk menyimpan data aplikasi, di sistem Windows
|
||||||
|
itu ada di `% LOCALAPPDATA%`, di macOS itu ada di `~ / Library / Application Support`.
|
||||||
|
`VERSION` adalah versi *Widevine CDM plugin*, seperti `1.4.8.866`. `PLATFORM` adalah `mac`
|
||||||
|
atau `win`. `ARCH` adalah` x86` atau `x64`.
|
||||||
|
|
||||||
|
Di Windows, binari yang dibutuhkan adalah `widevinecdm.dll` dan
|
||||||
|
`Widevinecdmadapter.dll`, di macOS adalah` libwidevinecdm.dylib` dan
|
||||||
|
`Widevinecdmadapter.plugin`. Anda bisa menyalinnya ke manapun Anda suka, tapi
|
||||||
|
mereka harus di letakkan bersama.
|
||||||
|
|
||||||
|
|
||||||
|
### Linux
|
||||||
|
|
||||||
|
|
||||||
|
Di Linux, binari plugin disertakan bersama dengan *browser* Chrome, anda bisa
|
||||||
|
menemukannya di `/ opt / google / chrome`, nama filenya adalah` libwidevinecdm.so` dan
|
||||||
|
`Libwidevinecdmadapter.so`.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## Menggunakan *plugin*
|
||||||
|
|
||||||
|
Setelah mendapatkan *file* plugin, anda harus meneruskan `widevinecdmadapter`
|
||||||
|
ke Electron dengan baris perintah penghubung `--widevine-cdm-path`, dan versi
|
||||||
|
pluginnya dengan pengubung `--widevine-cdm-version`.
|
||||||
|
|
||||||
|
**Catatan:** Meskipun hanya binari `widevinecdmadapter` yang dilewatkan ke Electron, binari
|
||||||
|
`Widevinecdm` harus disertakan bersama.
|
||||||
|
|
||||||
|
Penghubung baris perintah harus dilewati sebelum `ready` dari` app` modul dipancarkan,
|
||||||
|
dan halaman yang menggunakan plugin ini harus mempunyai *plugin* yang sudah diaktifkan.
|
||||||
|
|
||||||
|
|
||||||
|
Contoh kode:
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
const {app, BrowserWindow} = require('electron')
|
||||||
|
|
||||||
|
// You have to pass the filename of `widevinecdmadapter` here, it is
|
||||||
|
// * `widevinecdmadapter.plugin` on macOS,
|
||||||
|
// * `libwidevinecdmadapter.so` on Linux,
|
||||||
|
// * `widevinecdmadapter.dll` on Windows.
|
||||||
|
app.commandLine.appendSwitch('widevine-cdm-path', '/path/to/widevinecdmadapter.plugin')
|
||||||
|
// The version of plugin can be got from `chrome://plugins` page in Chrome.
|
||||||
|
app.commandLine.appendSwitch('widevine-cdm-version', '1.4.8.866')
|
||||||
|
|
||||||
|
let win = null
|
||||||
|
app.on('ready', () => {
|
||||||
|
win = new BrowserWindow({
|
||||||
|
webPreferences: {
|
||||||
|
// `plugins` harus diaktifkan.
|
||||||
|
plugins: true
|
||||||
|
}
|
||||||
|
})
|
||||||
|
win.show()
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
## Verifikasi plugin
|
||||||
|
|
||||||
|
Untuk memverifikasi jika plugin telah berhasil, anda dapat menggunakan cara berikut:
|
||||||
|
|
||||||
|
* Buka *devtools* dan periksa apakah `navigator.plugins` menyertakan *Widevine
|
||||||
|
Plugin CDM*
|
||||||
|
* Buka https://shaka-player-demo.appspot.com/ dan muat manifes yang menggunakan
|
||||||
|
`Widevine`.
|
||||||
|
* Buka http://www.dash-player.com/demo/drm-test-area/, periksa apakah di halamannya
|
||||||
|
terdapat `bitdash uses Widevine in your browser`, lalu putar videonya.
|
170
docs-translations/id/tutorial/windows-store-guide.md
Normal file
170
docs-translations/id/tutorial/windows-store-guide.md
Normal file
|
@ -0,0 +1,170 @@
|
||||||
|
# Panduan Windows Store
|
||||||
|
|
||||||
|
Dengan Windows 8, eksekusi win32 yg lama mendapatkan saudara yang baru: *The
|
||||||
|
Universal Windows Platform*. Format `.appx` yang baru tidak hanya memungkinkan
|
||||||
|
sejumlah API yang baru dan hebat seperti *Cortana* atau *Push Notifications*,
|
||||||
|
tetapi juga melalui *Windows Store*, ini akan menyederhanakan instalasi dan update.
|
||||||
|
|
||||||
|
Microsoft [telah mengembangkan sebuah alat yang mengkompilasi aplikasi Elektron sebagai paket `.appx`][electron-windows-store], memungkinkan *developer* untuk menggunakan beberapa
|
||||||
|
sarana yang dapat ditemukan di model aplikasi baru. Panduan ini menjelaskan cara
|
||||||
|
menggunakannya - dan kemampuan dan keterbatasan paket Electron AppX.
|
||||||
|
|
||||||
|
## Latar Belakang dan Persyaratan
|
||||||
|
|
||||||
|
Windows 10 "Anniversary Update" dapat menjalankan win32 `.exe` *binaries* dengan cara
|
||||||
|
meluncurkan mereka bersama-sama dengan *filesystem* virtual dan pendaftaran . Keduanya
|
||||||
|
dibuat saat kompilasi dengan menjalankan aplikasi and instalasi di dalam *Windows
|
||||||
|
Container*, memungkinkan *Windows* untuk mengidentifikasi secara tepat modifikasi
|
||||||
|
sistem operasi mana yang dilakukan saat instalasi. Memasangkan eksekusi
|
||||||
|
*filesystem* virtual dan pendaftaran virtual yang memungkinkan *Windows* untuk
|
||||||
|
menjalankan *one-click* instalasi and menghapus instalasi.
|
||||||
|
|
||||||
|
Selain itu, exe diluncurkan di dalam bentuk appx - yang berarti bisa menggunakan
|
||||||
|
API banyak yang tersedia di *Windows Universal Platform*. Untuk mendapatkan
|
||||||
|
kemampuan yang lebih, aplikasi Electron dapat dipasangkan dengan *UWP background task*
|
||||||
|
tersembunyi yang dapat diluncurkan bersamaan dengan `exe` - seperti diluncurkan
|
||||||
|
sebagai dampingan untuk menjalankan *tasks* yang berjalan di *background*,
|
||||||
|
menerima *push-notification*, atau untuk berkomunikasi dengan aplikasi UWP lainnya.
|
||||||
|
|
||||||
|
Untuk mengkompilasi aplikasi Elektron yang ada, pastikan anda memenuhi
|
||||||
|
persyaratan berikut:
|
||||||
|
|
||||||
|
* Windows 10 with Anniversary Update (dikeluarkan August 2nd, 2016)
|
||||||
|
* The Windows 10 SDK, [unduh disini][windows-sdk]
|
||||||
|
* Setidaknya Node 4 (untuk mengecek, jalankan `node -v`)
|
||||||
|
|
||||||
|
|
||||||
|
Kemudian, instal `electron-windows-store` CLI:
|
||||||
|
|
||||||
|
```
|
||||||
|
npm install -g electron-windows-store
|
||||||
|
```
|
||||||
|
|
||||||
|
## Step 1: Kemas Aplikasi Elektron Anda
|
||||||
|
|
||||||
|
Kemas aplikasi menggunakan [electron-packager][electron-packager] (atau alat serupa).
|
||||||
|
Pastikan untuk menghapus `node_modules` yang tidak anda perlukan dalam aplikasi akhir
|
||||||
|
anda, karena modul yang tidak anda butuhkan hanya akan meningkatkan ukuran aplikasi anda.
|
||||||
|
|
||||||
|
Outputnya kira-kira akan terlihat seperti ini:
|
||||||
|
```
|
||||||
|
├── Ghost.exe
|
||||||
|
├── LICENSE
|
||||||
|
├── content_resources_200_percent.pak
|
||||||
|
├── content_shell.pak
|
||||||
|
├── d3dcompiler_47.dll
|
||||||
|
├── ffmpeg.dll
|
||||||
|
├── icudtl.dat
|
||||||
|
├── libEGL.dll
|
||||||
|
├── libGLESv2.dll
|
||||||
|
├── locales
|
||||||
|
│ ├── am.pak
|
||||||
|
│ ├── ar.pak
|
||||||
|
│ ├── [...]
|
||||||
|
├── natives_blob.bin
|
||||||
|
├── node.dll
|
||||||
|
├── resources
|
||||||
|
│ ├── app
|
||||||
|
│ └── atom.asar
|
||||||
|
├── snapshot_blob.bin
|
||||||
|
├── squirrel.exe
|
||||||
|
└── ui_resources_200_percent.pak
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
|
## 2: Menjalankan *electron-windows-store*
|
||||||
|
|
||||||
|
Dari *PowerShell* (jalankan sebagai "Administrator"), jalankan
|
||||||
|
`Electron-windows-store` dengan parameter yang dibutuhkan, menggunakan kedua
|
||||||
|
direktori *input* dan *output*, nama dan versi aplikasi, dan konfirmasi
|
||||||
|
`Node_modules` harus di *flatten*.
|
||||||
|
|
||||||
|
```
|
||||||
|
electron-windows-store `
|
||||||
|
--input-directory C:\myelectronapp `
|
||||||
|
--output-directory C:\output\myelectronapp `
|
||||||
|
--flatten true `
|
||||||
|
--package-version 1.0.0.0 `
|
||||||
|
--package-name myelectronapp
|
||||||
|
```
|
||||||
|
|
||||||
|
Setelah dijalankan, alat ini akan mulai bekerja: Ia akan menerima aplikasi Elektron
|
||||||
|
anda sebagai *input*, *flattening* `node_modules`. Kemudian, ia akan mengarsipkan
|
||||||
|
aplikasi anda sebagai `app.zip`. Dengan menggunakan *installer* dan *Windows Container*
|
||||||
|
, alat ini menciptakan paket AppX yang "diperluas" - termasuk *Windows Application
|
||||||
|
Manifest* (`AppXManifest.xml`) berserta dengan sistem *virtual file* dan pendaftaran
|
||||||
|
virtual di dalam map *output* anda.
|
||||||
|
|
||||||
|
|
||||||
|
Setelah *file* AppX yang diperluas telah dibuat, alat ini menggunakan
|
||||||
|
*Windows App Packager* (`MakeAppx.exe`) untuk menggabungkan paket AppX menjadi satu
|
||||||
|
*file* dari file-file yang ada di *disk*. Akhirnya, alat ini juga bisa digunakan
|
||||||
|
untuk membuat sertifikat terpercaya di komputer anda untuk menandatangani paket
|
||||||
|
AppX yang baru. Dengan paket AppX yang telah ditandatangani, CLI juga bisa
|
||||||
|
secara otomatis menginstal paket di mesin anda.
|
||||||
|
|
||||||
|
|
||||||
|
## 3: Menggunakan Paket AppX
|
||||||
|
|
||||||
|
Untuk menjalankan paket, pengguna akan memerlukan Windows 10 dengan apa
|
||||||
|
yang disebutnya *"Anniversary Update"* - rincian tentang cara memperbarui Windows
|
||||||
|
dapat ditemukan [di sini][how-to-update].
|
||||||
|
|
||||||
|
Di sisi lain dari aplikasi-aplikasi UWP tradisional, aplikasi yang terpaket saat ini
|
||||||
|
perlu menjalani proses verifikasi manual, yang dapat anda terapkan
|
||||||
|
[disini][centennial-campaigns]. Sementara itu, semua pengguna bisa menginstal
|
||||||
|
paket anda dengan mengklik dua kali, oleh sebab itu, pengiriman submisi ke toko
|
||||||
|
tidak diperlukan jika anda hanya mencari metode instalasi yang mudah. Di lingkungan
|
||||||
|
yang dikelola (biasanya perusahaan), `Add-AppxPackage` [PowerShell Cmdlet dapat digunakan untuk menginstalnya secara otomatis][add-appxpackage].
|
||||||
|
|
||||||
|
Keterbatasan penting lainnya adalah paket AppX yang telah dikompilasi masih berisi
|
||||||
|
*Win32 executable* - dan karena itu tidak akan berjalan di *Xbox*, *HoloLens*,
|
||||||
|
atau Telepon.
|
||||||
|
|
||||||
|
|
||||||
|
## Opsional: Tambahkan Fitur UWP menggunakan *BackgroundTask*
|
||||||
|
|
||||||
|
Anda dapat memasangkan aplikasi Elektron Anda dengan tugas *background* UWP yang
|
||||||
|
tersembunyi yang akan memanfaatkan sepenuhnya fitur Windows 10 - seperti *push-notification*,
|
||||||
|
integrasi Cortana, atau *live tiles*.
|
||||||
|
|
||||||
|
Untuk mencari tahu bagaimana aplikasi Elektron yang menggunakan *background task*
|
||||||
|
untuk mengirim *toast notification* dan *live tiles*, [lihat contoh yang disediakan Microsoft][background-task].
|
||||||
|
|
||||||
|
|
||||||
|
## Opsional: Mengkonversi menggunakan *Container Virtualization*
|
||||||
|
|
||||||
|
Untuk menghasilkan paket AppX, `elektron-windows-store` CLI menggunakan *template*
|
||||||
|
yang seharusnya bekerja untuk sebagian besar aplikasi Electron. Namun, jika anda
|
||||||
|
menggunakan *custom installer*, atau jika anda mengalami masalah dengan paket
|
||||||
|
yang dihasilkan, anda dapat mencoba membuat paket menggunakan kompilasi dengan
|
||||||
|
bantuan Windows Container - di dalam mode itu, CLI akan menginstal dan menjalankan
|
||||||
|
aplikasi Anda di dalam *Windows Container* yang kosong untuk menentukan
|
||||||
|
modifikasi apa yang aplikasi Anda lakukan pada sistem operasi.
|
||||||
|
|
||||||
|
Sebelum menjalankan CLI, anda harus mengatur *"Windows Desktop App Converter"*.
|
||||||
|
Ini akan memakan waktu beberapa menit, tapi jangan khawatir - anda hanya perlu
|
||||||
|
melakukan ini sekali saja. Unduh *Desktop App Converter* dari [di sini][app-converter].
|
||||||
|
Anda akan menerima dua file: `DesktopAppConverter.zip` dan` BaseImage-14316.wim`.
|
||||||
|
|
||||||
|
1. *Unzip* `DesktopAppConverter.zip`. Dari PowerShell (dibuka dengan
|
||||||
|
"jalankan sebagai Administrator", pastikan bahwa kebijakan eksekusi sistem
|
||||||
|
anda mengizinkan untuk menjalankan semua yang ingin dijalankan dengan menggunakan `Set-ExecutionPolicy bypass`.
|
||||||
|
2. Kemudian, jalankan instalasi *Desktop App Converter*, dengan menggunakan lokasi
|
||||||
|
*Windows Base Image* (di unduh sebagai `BaseImage-14316.wim`), dengan cara memanggil
|
||||||
|
perintah `. \ DesktopAppConverter.ps1 -Setup -BaseImage. \ BaseImage-14316.wim`.
|
||||||
|
3. Jika menjalankan perintah tersebut menyebabkan *reboot*, silakan *restart*
|
||||||
|
mesin anda dan mejalankan perintah yang telah disebutkan diatas setelah berhasil
|
||||||
|
*restart*.
|
||||||
|
|
||||||
|
Setelah instalasi telah berhasil, anda dapat melajutkan untuk mengkompilasi
|
||||||
|
aplikasi Electron anda.
|
||||||
|
|
||||||
|
[windows-sdk]: https://developer.microsoft.com/en-us/windows/downloads/windows-10-sdk
|
||||||
|
[app-converter]: https://www.microsoft.com/en-us/download/details.aspx?id=51691
|
||||||
|
[add-appxpackage]: https://technet.microsoft.com/en-us/library/hh856048.aspx
|
||||||
|
[electron-packager]: https://github.com/electron-userland/electron-packager
|
||||||
|
[electron-windows-store]: https://github.com/catalystcode/electron-windows-store
|
||||||
|
[background-task]: https://github.com/felixrieseberg/electron-uwp-background
|
||||||
|
[centennial-campaigns]: https://developer.microsoft.com/en-us/windows/projects/campaigns/desktop-bridge
|
||||||
|
[how-to-update]: https://blogs.windows.com/windowsexperience/2016/08/02/how-to-get-the-windows-10-anniversary-update
|
|
@ -53,12 +53,12 @@ Example code:
|
||||||
```javascript
|
```javascript
|
||||||
const {app, BrowserWindow} = require('electron')
|
const {app, BrowserWindow} = require('electron')
|
||||||
|
|
||||||
// You have to pass the filename of `widevinecdmadapter` here, it is
|
// Anda harus melewatkan filename `widevinecdmadapter` di sini, yang disebut adalah:
|
||||||
// * `widevinecdmadapter.plugin` on macOS,
|
// * `widevinecdmadapter.plugin` on macOS,
|
||||||
// * `libwidevinecdmadapter.so` on Linux,
|
// * `libwidevinecdmadapter.so` on Linux,
|
||||||
// * `widevinecdmadapter.dll` on Windows.
|
// * `widevinecdmadapter.dll` on Windows.
|
||||||
app.commandLine.appendSwitch('widevine-cdm-path', '/path/to/widevinecdmadapter.plugin')
|
app.commandLine.appendSwitch('widevine-cdm-path', '/path/to/widevinecdmadapter.plugin')
|
||||||
// The version of plugin can be got from `chrome://plugins` page in Chrome.
|
// Versi plugin dapat didapatkan dari halaman `chrome://plugins` di Chrome.
|
||||||
app.commandLine.appendSwitch('widevine-cdm-version', '1.4.8.866')
|
app.commandLine.appendSwitch('widevine-cdm-version', '1.4.8.866')
|
||||||
|
|
||||||
let win = null
|
let win = null
|
||||||
|
|
|
@ -109,7 +109,7 @@ In order to run your package, your users will need Windows 10 with the so-called
|
||||||
In opposition to traditional UWP apps, packaged apps currently need to undergo a
|
In opposition to traditional UWP apps, packaged apps currently need to undergo a
|
||||||
manual verification process, for which you can apply [here][centennial-campaigns].
|
manual verification process, for which you can apply [here][centennial-campaigns].
|
||||||
In the meantime, all users will be able to just install your package by double-clicking it,
|
In the meantime, all users will be able to just install your package by double-clicking it,
|
||||||
so a submission to the store might not be necessary if you're simply looking for an
|
so a submission to the store might not be necessary if you're simply looking for an
|
||||||
easier installation method. In managed environments (usually enterprises), the
|
easier installation method. In managed environments (usually enterprises), the
|
||||||
`Add-AppxPackage` [PowerShell Cmdlet can be used to install it in an automated fashion][add-appxpackage].
|
`Add-AppxPackage` [PowerShell Cmdlet can be used to install it in an automated fashion][add-appxpackage].
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue