公式パッケージ · リアルタイムの部品

最大 10 万人のプレゼンスチャンネル

大人数のライブ視聴向けのオンライン人数とメンバー一覧。クライアントは全員分ではなくメンバーのサンプルと、まとめられた入退室数を受け取り、必要なときに残りをページ単位で読み込みます。

@hibira-io/large-presencenpm ↗GitHub ↗

• presence-large-* チャンネルには最大 10 万人が入れます。
• メンバー数と、指定したサイズに収めたメンバー一覧を、1 秒ごとに更新します。
• pusher-js と Laravel Echo で使えます。

サインインすると、コード例にご自身のクラスターホストが入ります。 サインイン

1. インストール

   npm install @hibira-io/large-presence pusher-js

2. 使う

   import { LargePresence } from '@hibira-io/large-presence';
   
   const pusher = new Pusher('YOUR_APP_KEY', {
     cluster: 'hkg',
     wsHost: 'ws.hibira.io',
     channelAuthorization: { endpoint: '/broadcasting/auth' },
   });
   const room = LargePresence.subscribe(pusher, 'presence-large-live.42', { maxMembers: 1000 });
   room.on('change', ({ count }) => showViewers(count));

始める前に

• プライベートチャンネルとプレゼンスチャンネルには、pusher-js と同じく、アプリのシークレットで購読に署名する認可エンドポイントがバックエンドに必要です。

ダッシュボードのアプリキーを使ってください。シークレットはサーバー側だけに置きます。チャンネル、イベント、認可エンドポイントは Pusher とまったく同じように動作します。 無料でアカウントを作成 →