share facebook facebook facebook twitter twitter menu hatena pocket slack

2020.08.03 MON

Amazon Interactive Video Service (IVS) を勉強会の配信で使ってみました。

工藤 淳

WRITTEN BY 工藤 淳

はじめに

7/15に Amazon Interactive Video Service がGAしました。

Today, I am so excited to tell you about the new Amazon Interactive Video Service, which allows you to add live video directly into your own apps and websites. If you are anything like me, you are going to be blown away by how simple the team have...

Amazon Interactive Video Service (Amazon IVS) is a managed live streaming solution that is quick and easy to set up, and ideal for creating interactive video experiences. Simply send your live streams to Amazon IVS and the service does everything ...

ちょうど翌日(日本時間)に会社開催の勉強会が開催予定だったので急遽Amazon IVSでも配信してみようということになり試してみました。
# AWS Top Engineersと、インフラエンジニアの未来についてあれこれ語る会 * * * アイレットエンジニアと学ぶ技術勉強会『iret tech labo』を開講します! 第1回テーマは「今までとこれからのITインフラ ~AWS Top Engineersが語る!~」。 アイレットのAWS Top E...

配信環境

配信環境はざっくり下記のようになっています。
完全リモートで実施しています。

  • スピーカーをZoomで繋ぎます。
  • 配信者(今回は私)がOBSで同時配信します。
  • 片方はYoutubeLive
  • もう片方にIVSで配信します。
  • EC2に配信用のサーバーを立てています。

準備

Amazon IVS

IVSの利用方法はとても簡単なので省きます。ほぼチュートリアルに沿っています。
2、3回クリックすると開始することができます。

Amazon Interactive Video Service (IVS) is a managed, live-video streaming service that allows you to:

立ち上げるとこのような感じです。

配信用サーバー

EC2に立てています。
下記にSDKの話が書いてあります。

The Amazon Interactive Video Service (IVS) Player SDK for Web can be integrated with player frameworks like Video.js or used standalone on top of an HTML <video> element.

実際にはサンプルコードを利用しています。video.jsが利用されていますね。

This project contains code samples demonstrating how to build, package, and integrate with the Amazon IVS Player Web SDK. - aws-samples/amazon-ivs-player-web-sample

サンプルコードはnode.jsで配信するために少々設定を変更しています。
具体的には、外部公開するための設定です。
注意:開発用のサーバーなので本番環境でやりたいときはApacheなりでしっかりと組んでください。

portとhostを設定しています。

~
    },
    devServer: {
        disableHostCheck: true,
        compress: false,
        contentBase: [
            path.resolve(__dirname, 'bundle'),
            path.resolve(__dirname, 'dist')
        ],
        index: 'index.html',
       port: 80,
       host: "0.0.0.0"
    },
~

見た目に関してはコンテンツをごにょごにょしてください。

OBS

同時配信にはプラグインを利用しています。

雷鳴さんのOBS複数サイト同時配信プラグインを利用させて頂きました。

1. 現状 1.1. OBS複数起動 1.2. OBSの録画機能を使ってURLに出力する 1.3. nginx-rtmpで自前中継サーバーを立つ 1.4. Restream.ioのサービスを利用する 1.5. OBSの代わりにXSplitを利用する 1.6. RtmpRelayerを利用する 2. 自作プラグイン 2.1 機能 2.2 ...

まじ最高っす。

配信

配信開始するとステータスが確認できます。視聴者数が確認できるので良いですね。

実際にみると。

今回は1080pで配信を行いましたが大きな遅延も発生せず問題なく配信できました。

配信中のEC2側のトラフィックも上げておきますが25人程度じゃ全然関係ないですね。

IVSのメトリクスも見ていきます。今のところは下記が用意されています。

Metric Dimension Description
LiveDeliveredTime None すべての視聴者に配信される動画の合計リアルタイム時間。
LiveDeliveredTime Channel LiveDeliveredTimeをチャンネル別にフィルタリングします。チャンネルの値はARNです。
LiveDeliveredTime Channel,ViewerCountryCode チャンネルと視聴者の国コードでLiveDeliveredTimeをフィルタリングします。チャンネルの値は ARN です。国の値は2文字のISO 3166-1国コードです。これにより、次の質問に答えることができます:視聴者はどこから見ているのか?視聴者の国が特定できない場合は、UNKNOWNと表示されます。
LiveInputTime None ビデオストリームのリアルタイム持続時間。
LiveInputTime Channel LiveInputTimeをチャンネルごとにフィルタリングします。チャンネルの値はARNです。

今回の配信時のメトリクス。

まとめ

今回は勉強会の配信にAmazon IVSを利用してみましたが非常に簡単に配信が行えます。
数時間で環境が構築でき配信環境を整えることが行えました。画質、音声に関しても文句はないと思います。
また、これとは別にChat機能など追加していくと、簡易な配信用プラットフォームとしてとても有効だと思いました。

元記事はこちら

Amazon Interactive Video Service (IVS) を勉強会の配信で使ってみました。

工藤 淳

工藤 淳

cloudpack事業部の本屋ではございません。エンジニアとしてAWSでシステム構築を主に行っています。 個人的に「クラウドっておもしれー」をコンセプトに様々なクラウドを取り扱っています。 また、クラウド、セキュリティ、オープンソース系の勉強会では登壇、スタッフ業に勤しんでいます。

cloudpack

cloudpackは、Amazon EC2やAmazon S3をはじめとするAWSの各種プロダクトを利用する際の、導入・設計から運用保守を含んだフルマネージドのサービスを提供し、バックアップや24時間365日の監視/障害対応、技術的な問い合わせに対するサポートなどを行っております。
AWS上のインフラ構築およびAWSを活用したシステム開発など、案件のご相談はcloudpack.jpよりご連絡ください。