配信を視聴 (Web)

ここでは Castify SDK を使って Castify プラットフォーム上のライブ配信を試聴する機能を備えた画面を実装する流れを説明します。

• プレイヤーを Web ページに埋め込む
• Castify プレイヤーを追加する

プレイヤーを Web ページに埋め込む

<video id="player" width="640" height="360" playsinline></video>
<script src="https://public.castify.jp/js/castify-player/1.latest/player.js"></script>
<script>
  let broadcastId = new URLSearchParams(location.search).get('broadcastId')
  if (broadcastId) {
    let player = new Castify.Player(documemt.getElementById('player'))
    player.source = new Castify.Source(broadcastId)
    player.seek('live')
  }
</script>

Castify プレイヤーを追加する

以下のように video タグを用意して new Castify.Player を呼び出します。 Player の source プロパティに以下のサンプルコードのようなオブジェクトをセットしてください。 このようにして作成したHTMLをブラウザーで開くとCastify上でライブ中またはCastify上に保存された動画を再生することができます。