ご自身のウェブサイトにライブストリームできたら、と思ったことはありませんか？ StreamYard On-Airを使うと、配信やライブチャットをウェブサイトに埋め込めます。
On-Airライブストリームを埋め込む方法
- ホームページで「作成」をクリックします。
- 「On-Airオンラインセミナー」を選択します。
- ソースとして「スタジオ」または「事前録画」を選択します。 ほとんどの場合、稼働するスタジオを選択しますが、すでにビデオを（StreamYardや他の場所で）録画している場合は、それをアップロードして、ライブのように配信することもできます。
- マルチ配信をその他のプラットフォームに行う場合は、追加の配信先を追加します。 このステップは、組み込む場合に任意で行います。
- タイトルと説明を入力します。 次に、日時を選択し、登録を有効にするかどうかを選択します。
注：オンラインセミナーの説明はウェブサイトには表示されませんが、登録を有効にすると登録フォームにタイトルが表示されます。 - 「作成」をクリックします。 ここで、「On Airブランディングと設定」をクリックして、埋め込みストリームのライブチャットを有効にするかどうかを選択したり、オンラインセミナーのブランディングをカスタマイズできます。
- 選択後、戻る矢印をクリックして、「ビューアーと共有」をクリックします。 「埋め込み」を選択します。 埋め込みプレーヤーのサイズを固定にするか、ブラウザのウィンドウサイズに対応させるかを選択します。
埋め込みコードをコピーして、ウェブサイトに貼り付けます。 StreamYardで稼働すると、ウェブサイトで一緒に埋め込まれたストリームとチャットがビューアーに表示されるようになります。 先の手順でライブチャットを無効にした場合は表示されません。
注意
- 埋め込みコードは配信ごとに異なります。
- チャットやプレイヤーパーティションは、レスポンシブな仕様になっています。 画面幅が640p以下の場合、チャットウィンドウは折りたたまれ、デフォルトでは表示されません。 ビューアーが画面右上の「チャットを表示」アイコンをクリックすると、表示されるようになります。
その代わりに、YouTubeのライブストリームをサイトに埋め込みますか？ 記事をこちらから確認してください。
ウェブサイトに埋め込まれたStreamYard On-Airの例
StreamYard On-Airをウェブサイトに埋め込んだ場合の例は次の通りです。
上の画像は、オンラインセミナーの名前、開始日時、登録フィールドが表示された登録ページを示しています。 ここに表示される色は、作成時に選択した配色により異なります。 オンラインセミナーの登録を有効にするのは任意です。 オンラインセミナーのカスタマイズについてはこちらをご覧ください。
上の画像は、StreamYard On-Airのプレーヤーがウェブサイト上でどのように見えるかを示しています。 オンラインセミナーの名前は表示されませんが、ウェブサイトをデザインして表示させることが可能です。