Langsung ke konten utama

IVS Player plugin Capacitor

Streaming video live ultra-low latency menggunakan Amazon Interactive Video Service (IVS)

Instal

bun add @capgo/capacitor-ivs-player bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-ivs-player
  • pnpm add @capgo/capacitor-ivs-player
  • yarn add @capgo/capacitor-ivs-player

Panduan

Cara menggunakan IVS Player di Capacitor

Menggunakan @capgo/capacitor-ivs-player

Ivs player untuk aplikasi capacitor.

Instal

bun add @capgo/capacitor-ivs-player
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

Sekilas tentang API

Metode Deskripsi
create Lihat definisi di source untuk perilaku saat ini.
start Lihat definisi di source untuk perilaku saat ini.
cast Lihat definisi di source untuk perilaku saat ini.
getCastStatus Lihat definisi di source untuk perilaku saat ini.
pause Lihat definisi di source untuk perilaku saat ini.
delete Lihat definisi di source untuk perilaku saat ini.
getUrl Lihat definisi di source untuk perilaku saat ini.
getState Lihat definisi di source untuk perilaku saat ini.
setPlayerPosition Lihat definisi di source untuk perilaku saat ini.
getPlayerPosition Lihat definisi di source untuk perilaku saat ini.
setAutoQuality Lihat definisi di source untuk perilaku saat ini.
getAutoQuality Lihat definisi di source untuk perilaku saat ini.
setPip Lihat definisi di source untuk perilaku saat ini.
getPip Lihat definisi di source untuk perilaku saat ini.
setFrame Atur frame tampilan player, semua angka harus positif dan berupa integer.
getFrame Lihat definisi di source untuk perilaku saat ini.
setBackgroundState Lihat definisi di source untuk perilaku saat ini.
getBackgroundState Lihat definisi di source untuk perilaku saat ini.
setMute Lihat definisi di source untuk perilaku saat ini.
getMute Lihat definisi di source untuk perilaku saat ini.
setQuality Lihat definisi di source untuk perilaku saat ini.
getQuality Lihat definisi di source untuk perilaku saat ini.
getQualities Lihat definisi di source untuk perilaku saat ini.

Contoh

create()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.create({ url: 'https://example.com' });

start()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.start();

cast()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.cast();

getCastStatus()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

const result = await CapacitorIvsPlayer.getCastStatus();
console.log(result);

pause()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.pause();

delete()

Lihat referensi API untuk kontrak saat ini.

import { CapacitorIvsPlayer } from '@capgo/capacitor-ivs-player';

await CapacitorIvsPlayer.delete();

Tabel di atas mencantumkan 23 metode inti. Helper listener, versi, dan kontrak lengkap setiap metode didokumentasikan di repositori GitHub.

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat layar di-unmount, atau CapacitorIvsPlayer.removeAllListeners() untuk menghapus semua listener.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-ivs-player

Jika Anda menggunakan Menggunakan @capgo/capacitor-ivs-player untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-ivs-player untuk detail implementasi di @capgo/capacitor-ivs-player, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin IVS Player

Bagaimana cara install plugin IVS Player di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-ivs-player" (atau "npm install @capgo/capacitor-ivs-player"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native. Impor dari "@capgo/capacitor-ivs-player" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-ivs-player bisa digunakan dengan React, Vue, dan Angular?

Ya. IVS Player adalah paket Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-ivs-player?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-ivs-player gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-ivs-player/ dan paketnya gratis untuk diinstal via npm. Bug report dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan IVS Player tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan IVS Player tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo