<h1 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h1>
<p>re:Inventにて、Kinesis Video Streams with WebRTCを扱ったワークショップをしたが、<br>
時間の関係上深く理解できてないので再学習としてまとめる</p>
<h1 id="%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">
<a class="header-anchor-link" href="#%E3%83%89%E3%82%AD%E3%83%A5%E3%83%A1%E3%83%B3%E3%83%86%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3" aria-hidden="true"></a> ドキュメンテーション</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__96dfe3907abc1" src="https://embed.zenn.studio/card#zenn-embedded__96dfe3907abc1" data-content="https%3A%2F%2Fdocs.aws.amazon.com%2Fkinesisvideostreams-webrtc-dg%2Flatest%2Fdevguide%2Fwhat-is-kvswebrtc.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.aws.amazon.com/kinesisvideostreams-webrtc-dg/latest/devguide/what-is-kvswebrtc.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.aws.amazon.com/kinesisvideostreams-webrtc-dg/latest/devguide/what-is-kvswebrtc.html</a></p>
<h1 id="amazon-kinesis-vide-streams(kvs)%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<a class="header-anchor-link" href="#amazon-kinesis-vide-streams(kvs)%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> Amazon Kinesis Vide Streams(KVS)について</h1>
<p>資料はBlackBeltより拝借<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8f35e641eeb8f" src="https://embed.zenn.studio/card#zenn-embedded__8f35e641eeb8f" data-content="https%3A%2F%2Fd1.awsstatic.com%2Fwebinars%2Fjp%2Fpdf%2Fservices%2F20200930_BlackBelt_AmazonKinesisVideoStreams.pdf" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://d1.awsstatic.com/webinars/jp/pdf/services/20200930_BlackBelt_AmazonKinesisVideoStreams.pdf" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://d1.awsstatic.com/webinars/jp/pdf/services/20200930_BlackBelt_AmazonKinesisVideoStreams.pdf</a></p>
<p>超低遅延でのメディアストリーミングと100万台規模のデバイス感での双方向通信をサポート</p>
<h2 id="2%E7%A8%AE%E9%A1%9E%E3%81%AE%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#2%E7%A8%AE%E9%A1%9E%E3%81%AE%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%9F%E3%83%B3%E3%82%B0%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 2種類のストリーミング方法</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7e1ab01b5e72-20221209.png" alt loading="lazy" class="md-img"></p>
<h2 id="%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E5%BD%A2%E5%BC%8F%E3%81%A8webrtc%E3%81%A8%E3%81%AE%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E5%BD%A2%E5%BC%8F%E3%81%A8webrtc%E3%81%A8%E3%81%AE%E4%BD%BF%E3%81%84%E5%88%86%E3%81%91" aria-hidden="true"></a> メディア形式とWebRTCとの使い分け</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/9a30e881a0e8-20221209.png" alt loading="lazy" class="md-img"></p>
<h2 id="kvs-webrtc%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E7%94%A8%E8%AA%9E">
<a class="header-anchor-link" href="#kvs-webrtc%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E7%94%A8%E8%AA%9E" aria-hidden="true"></a> KVS WebRTCにおける用語</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/f9ec39626028-20221209.png" alt loading="lazy" class="md-img"></p>
<h2 id="webrtc%E3%81%AE%E6%8E%A5%E7%B6%9A%E3%83%95%E3%83%AD%E3%83%BC">
<a class="header-anchor-link" href="#webrtc%E3%81%AE%E6%8E%A5%E7%B6%9A%E3%83%95%E3%83%AD%E3%83%BC" aria-hidden="true"></a> WebRTCの接続フロー</h2>
<p><img src="https://storage.googleapis.com/zenn-user-upload/2fa09c5aa4aa-20221201.gif" alt loading="lazy" class="md-img"></p>
<h1 id="webrtc%E3%81%A8%E3%81%AF">
<a class="header-anchor-link" href="#webrtc%E3%81%A8%E3%81%AF" aria-hidden="true"></a> WebRTCとは</h1>
<p>リアルタイムコミュニケーションのためのオープンな標準規格<br>
簡易なAPIを経由してブラウザとモバイルアプリケーションとの間でリアルタイム通信(RTC)が可能</p>
<h2 id="%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88" aria-hidden="true"></a> メリット</h2>
<ul>
<li>パソコン、もしくはスマホがあれば利用
<ul>
<li>機材を購入しなくてもできる</li>
</ul>
</li>
<li>新しいアプリケーションをインストールする必要がない
<ul>
<li>ブラウザの中で完結できる</li>
</ul>
</li>
<li>通信がとても軽い
<ul>
<li>「UDPプロトコル」を採用。通信の開始や終了の処理がない分、通信が速くなる。</li>
</ul>
</li>
</ul>
<h2 id="%E3%83%87%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%A1%E3%83%AA%E3%83%83%E3%83%88" aria-hidden="true"></a> デメリット</h2>
<ul>
<li>セキュリティ面
<ul>
<li>通信の軽さを実現している反面、UDPプロトコルのセキュリティ面で信頼性が低下</li>
<li>セキュアにしたいならSRTプロトコル</li>
</ul>
</li>
<li>接続できる人数に限界がある
<ul>
<li>視聴者が増えれば増えるほど配信側のデータ送信の負担も増える</li>
</ul>
</li>
</ul>
<h2 id="kvs-webrtc%E7%94%A8%E8%AA%9E">
<a class="header-anchor-link" href="#kvs-webrtc%E7%94%A8%E8%AA%9E" aria-hidden="true"></a> KVS WebRTC用語</h2>
<h3 id="%E3%82%B7%E3%82%B0%E3%83%8A%E3%83%AA%E3%83%B3%E3%82%B0">
<a class="header-anchor-link" href="#%E3%82%B7%E3%82%B0%E3%83%8A%E3%83%AA%E3%83%B3%E3%82%B0" aria-hidden="true"></a> シグナリング</h3>
<p>接続のメタデータの交換</p>
<h3 id="%E7%9B%B8%E4%BA%92%E9%80%9A%E4%BF%A1-peer-to-peer(p2p)">
<a class="header-anchor-link" href="#%E7%9B%B8%E4%BA%92%E9%80%9A%E4%BF%A1-peer-to-peer(p2p)" aria-hidden="true"></a> 相互通信-Peer-to-peer(P2P)</h3>
<p>Peer-to-peer接続の確率</p>
<h3 id="%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E9%85%8D%E4%BF%A1">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E9%85%8D%E4%BF%A1" aria-hidden="true"></a> メディア配信</h3>
<p>低遅延でのメディアと任意のデータの双方向通信</p>
<h3 id="%E6%9A%97%E5%8F%B7%E5%8C%96">
<a class="header-anchor-link" href="#%E6%9A%97%E5%8F%B7%E5%8C%96" aria-hidden="true"></a> 暗号化</h3>
<p>End-to-endでの暗号化</p>
<h1 id="kvs%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F%E6%A7%8B%E6%88%90%E4%BE%8B">
<a class="header-anchor-link" href="#kvs%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F%E6%A7%8B%E6%88%90%E4%BE%8B" aria-hidden="true"></a> KVSを利用した構成例</h1>
<p>BlackBeltより、ドローン・ロボットでの遠隔制御によるWebRTC構成</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/e0b2498bac63-20221209.png" alt loading="lazy" class="md-img"></p>
<h2 id="webrtc-sdk">
<a class="header-anchor-link" href="#webrtc-sdk" aria-hidden="true"></a> WebRTC SDK</h2>
<p>WebRTCを備えたKinesis Video Streamには、次のSDKが含まれています。</p>
<ul>
<li>組み込みデバイス用のWebRTC C言語 SDK
<ul>
<li><a href="https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-c" target="_blank" rel="nofollow noopener noreferrer">https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-c</a></li>
</ul>
</li>
<li>WebRTC Webアプリケーション向けのJavaScriptのSDK
<ul>
<li><a href="https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-js" target="_blank" rel="nofollow noopener noreferrer">https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-js</a></li>
</ul>
</li>
<li>WebRTC SDK for Android
<ul>
<li><a href="https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-android" target="_blank" rel="nofollow noopener noreferrer">https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-android</a></li>
</ul>
</li>
<li>WebRTC iOS for SDK
<ul>
<li><a href="https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-ios" target="_blank" rel="nofollow noopener noreferrer">https://github.com/awslabs/amazon-kinesis-video-streams-webrtc-sdk-ios</a></li>
</ul>
</li>
</ul>
<p><img src="https://storage.googleapis.com/zenn-user-upload/437ceb7f5085-20221209.png" alt loading="lazy" class="md-img"></p>
<p>詳細はこちら</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__2c31f66bb7fed" src="https://embed.zenn.studio/card#zenn-embedded__2c31f66bb7fed" data-content="https%3A%2F%2Fdocs.aws.amazon.com%2Fja_jp%2Fkinesisvideostreams-webrtc-dg%2Flatest%2Fdevguide%2Fwebrtc-sdks.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/webrtc-sdks.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/webrtc-sdks.html</a></p>
<h2 id="webrtc%E3%81%A7%E3%81%AE%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3">
<a class="header-anchor-link" href="#webrtc%E3%81%A7%E3%81%AE%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3" aria-hidden="true"></a> WebRTCでのセキュリティ</h2>
<p>WebRTCリソースを使用してKinesisビデオストリームを監視および保護について</p>
<ul>
<li>WebRTCによるKVSへのアクセスの制御 IAMを使用するリソース</li>
<li>KVSのコンプライアンス検証 WebRTC</li>
<li>KVSの回復力 WebRTC</li>
<li>KVSのインフラストラクチャセキュリティ WebRTC</li>
<li>KVSのセキュリティベストプラクティス WebRTC</li>
</ul>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__f07374a6ee6a" src="https://embed.zenn.studio/card#zenn-embedded__f07374a6ee6a" data-content="https%3A%2F%2Fdocs.aws.amazon.com%2Fja_jp%2Fkinesisvideostreams-webrtc-dg%2Flatest%2Fdevguide%2Fkvswebrtc-security.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-security.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-security.html</a></p>
<h2 id="%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E3%81%AE%E4%BF%9D%E5%AD%98---%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%9A%97%E5%8F%B7%E5%8C%96%E3%81%A8%E4%BF%9D%E5%AD%98%E6%9C%9F%E9%96%93">
<a class="header-anchor-link" href="#%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E3%81%AE%E4%BF%9D%E5%AD%98---%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%9A%97%E5%8F%B7%E5%8C%96%E3%81%A8%E4%BF%9D%E5%AD%98%E6%9C%9F%E9%96%93" aria-hidden="true"></a> メディアの保存 - データの暗号化と保存期間</h2>
<p>これはKVSのメディア形式での場合</p>
<ul>
<li>データの暗号化
<ul>
<li>常にサーバーサイドの暗号化が有効になっている</li>
<li>データはストレージレイヤーに書き込まれる前に暗号化され、ストレージから取得された後に復号される</li>
<li>ストリームの作成時に、暗号化に使⽤する AWS KMS カスタマーマスターキー<br>
(CMK) を指定できる（あとから変更はできない）</li>
<li>ストリームの作成時にユーザー指定のキーが指定されていない場合は、既定のキー (Kinesis Video Streams が提供) が使⽤される</li>
</ul>
</li>
<li>データの保存期間
<ul>
<li>ストリーム作成時にデータの保存期間を指定できる（あとから変更もできる）</li>
<li>設定可能な範囲は、最短は0（保存しない）で最⻑は10年（87600時間）</li>
<li>データの保存量に応じてサービス利⽤料⾦が発⽣する</li>
</ul>
</li>
</ul>
<h2 id="%E9%8C%B2%E7%94%BB%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<a class="header-anchor-link" href="#%E9%8C%B2%E7%94%BB%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 録画について</h2>
<p>Kinesis Video Streamsで録画する場合、WebRTCはサポートされてないためメディア形式で対応可能</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/33f17d40c7b4-20221216.png" alt loading="lazy" class="md-img"></p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/7c26da1bc221-20221216.png" alt loading="lazy" class="md-img"></p>
<h2 id="aws-iot-for-developers-amazon-kinesis-video-streams-with-webrtc-meetup">
<a class="header-anchor-link" href="#aws-iot-for-developers-amazon-kinesis-video-streams-with-webrtc-meetup" aria-hidden="true"></a> AWS IoT for Developers Amazon Kinesis Video Streams with WebRTC Meetup</h2>
<p><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/9YI4POQVUl8" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://youtu.be/9YI4POQVUl8" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/9YI4POQVUl8</a></p>
<h2 id="%E3%83%A2%E3%83%8B%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0">
<a class="header-anchor-link" href="#%E3%83%A2%E3%83%8B%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0" aria-hidden="true"></a> モニタリング</h2>
<p>Kinesis Video Stream WebRTCの監視手法について</p>
<ul>
<li>WebRTCメトリックを使用したKVSの監視 CloudWatch</li>
<li>AWSを使用したWebRTC API CallによるKVSのログ CloudTrail</li>
</ul>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__cce97c215721e" src="https://embed.zenn.studio/card#zenn-embedded__cce97c215721e" data-content="https%3A%2F%2Fdocs.aws.amazon.com%2Fja_jp%2Fkinesisvideostreams-webrtc-dg%2Flatest%2Fdevguide%2Fkvswebrtc-monitoring.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-monitoring.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.aws.amazon.com/ja_jp/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-monitoring.html</a></p>
<h2 id="kvs-with-webrtc%E3%81%AE%E5%88%B6%E9%99%90">
<a class="header-anchor-link" href="#kvs-with-webrtc%E3%81%AE%E5%88%B6%E9%99%90" aria-hidden="true"></a> KVS with WebRTCの制限</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__4939a2eb47682" src="https://embed.zenn.studio/card#zenn-embedded__4939a2eb47682" data-content="https%3A%2F%2Fdocs.aws.amazon.com%2Fkinesisvideostreams-webrtc-dg%2Flatest%2Fdevguide%2Fkvswebrtc-limits.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://docs.aws.amazon.com/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-limits.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://docs.aws.amazon.com/kinesisvideostreams-webrtc-dg/latest/devguide/kvswebrtc-limits.html</a></p>
<ul>
<li>ConnectAsMaster
<ul>
<li>シグナリングチャネルごとのマスター接続の最大数1</li>
</ul>
</li>
<li>ConnectAsViewer
<ul>
<li>チャネルごとのビューア接続の最大数10</li>
</ul>
</li>
</ul>
<p>カメラとなるマスターの接続は1対1となり、1カメラ映像へのビューワー接続が最大10までは可能。<br>
ただし、ビューワー側の接続数をこれ以上増やしたい場合はメディアサービスとなるMediaConnectなどを利用する。</p>
<h2 id="kvs-webrtc%E3%81%AE%E6%96%99%E9%87%91%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">
<a class="header-anchor-link" href="#kvs-webrtc%E3%81%AE%E6%96%99%E9%87%91%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> KVS WebRTCの料金について</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c0be408addb97" src="https://embed.zenn.studio/card#zenn-embedded__c0be408addb97" data-content="https%3A%2F%2Faws.amazon.com%2Fjp%2Fkinesis%2Fvideo-streams%2Fpricing%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://aws.amazon.com/jp/kinesis/video-streams/pricing/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://aws.amazon.com/jp/kinesis/video-streams/pricing/</a></p>
<ul>
<li>アクティブなシグナリングチャネル(チャネルあたりの月額) 0.04500USD</li>
<li>シグナリングメッセージ(100万あたり) 3.37500USD</li>
<li>TURN Streaming の時間 (分) (1000 あたり) 0.18000USD</li>
</ul>
<h2 id="%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA">
<a class="header-anchor-link" href="#%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA" aria-hidden="true"></a> サンプルアプリ</h2>
<p>KVS WebRTCを利用したWeb用テストページが公開されている</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__d0d922b2bd084" src="https://embed.zenn.studio/card#zenn-embedded__d0d922b2bd084" data-content="https%3A%2F%2Fawslabs.github.io%2Famazon-kinesis-video-streams-webrtc-sdk-js%2Fexamples%2Findex.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://awslabs.github.io/amazon-kinesis-video-streams-webrtc-sdk-js/examples/index.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://awslabs.github.io/amazon-kinesis-video-streams-webrtc-sdk-js/examples/index.html</a></p>


Amazon Kinesis Video Streams with WebRTCについてまとめる

メディア形式とWebRTCとの使い分け

Amazon Kinesis Vide Streams(KVS)について

メディアの保存 - データの暗号化と保存期間

AWS IoT for Developers Amazon Kinesis Video Streams with WebRTC Meetup

Discussion