Upgrade to Pro — share decks privately, control downloads, hide ads and more …

テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!

テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!

momoと使って、WebRTCでアニメをみようという話をしました。

2bf280ac8fc28aa5d99de291eb8ccfbe?s=128

Endo_Hizumi

October 28, 2020
Tweet

Transcript

  1. テレビを飲み込め! Webの嵐!! 2020年10月28日(水) オタクが最新技術を追うLTイベント#18 遠藤ヒズミ

  2. ご静聴ください我のLTを!

  3. 自己紹介 名前:菊地 峻輔 HN:遠藤ヒズミ (@endo_hizumi) → 業務:SESのサーバーサイドエンジニア 今期の推しアニメ:アサルトリリィ 一言:週末の午前中は特撮しか見てない 土曜日: ウルトラマンZと仮面ライダーウィザードの YouTube配信

    日曜日: 仮面ライダーセイバーとキラメイジャー、ゴーバスターズの YouTube配信
  4. 今回の動機 • 最近、邪魔になったTVを実家に送る • 27インチディスプレイにレコーダーつないでアニメを見るよ うにした • PCデスクに座ったまま、アニメ見られるじゃん。 チョーイイネ!サイコー!

  5. 今回の動機 • 最近、邪魔になったTVを実家に送る • 27インチディスプレイにレコーダーつないでアニメを見るよ うにした • PCデスクに座ったまま、アニメ見られるじゃん。 結果、布団に入りながら アニメが見づらくなった

  6. そこでヒズミは考えた。

  7. ブラウザから見られればいいよね?

  8. タブレットからアニメみられるね?

  9. 実際に試してみた ラズパイ =Raspberry Pi ラズパイへはUSB キャプチャーカード で映像と音声を取り 込む WebRTC部分は、 時雨堂さまの

    momoを利用
  10. WebRTCとは • ブラウザ間でリアルタイム通信を行える技術の総称 • ビデオ・オーディオを送受信するためのAPIがある • 通信にP2PとUDPを用いて、低遅延で配信を行える • プラグインやネイティブアプリのインストールが不要 ➡簡単にいうとブラウザだけでビデオ通話ができる技術です

    初版が2011年だから、目新しい技術ではない
  11. momo の特徴 • WebRTCをブラウザを使わなくても映像を配信できる • ローカルLAN内で配信するのは簡単(以下の一行) • Raspberry Piでも動作するバイナリが配布されている •

    Ayameというアプリケーションで、NATを越えてWebRTCで配信 ができる
  12. 使い方 • バイナリをmomoのリポジトリから落としてくる • 解凍後、”./momo test”でmomoを起動させる。 • {momoを起動したマシンのIP}:8080/html/test.htmlにブラウザ でアクセス •

    ページの”connect”ボタンで通信開始 • レコーダーの映像が出れば成功!
  13. どれくらい遅延するのか?(クリックすると別窓で動画が再生されます) 左:レコーダー直接 右: WebRTC経由

  14. 使った感想と分かったこと • ほぼ遅延せずに、簡単に映像を配信することができた。 • 映像だけなら、なにも設定せずに配信ができる。 • 音声は少し設定が必要である。 • ./momo testだけだと、画質・音質ともに加工されて劣化するた

    め、オプションをつける必要はある • Raspberry pi 3よりRaspberry pi 4を使った方が良い。 これで寒い冬も布団の中でアニメがみられるぜ!!(本音
  15. 今後 • 現状はレコーダーのリモコンで操作してる • ブラウザから操作できるようクライアントの開発を目指す