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でアニメをみようという話をしました。

Endo_Hizumi

October 28, 2020
Tweet

More Decks by Endo_Hizumi

Other Decks in Technology

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  4. 今回の動機
    ● 最近、邪魔になったTVを実家に送る
    ● 27インチディスプレイにレコーダーつないでアニメを見るよ
    うにした
    ● PCデスクに座ったまま、アニメ見られるじゃん。
    チョーイイネ!サイコー!

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  11. momo の特徴
    ● WebRTCをブラウザを使わなくても映像を配信できる
    ● ローカルLAN内で配信するのは簡単(以下の一行)
    ● Raspberry Piでも動作するバイナリが配布されている
    ● Ayameというアプリケーションで、NATを越えてWebRTCで配信
    ができる

    View full-size slide

  12. 使い方
    ● バイナリをmomoのリポジトリから落としてくる
    ● 解凍後、”./momo test”でmomoを起動させる。
    ● {momoを起動したマシンのIP}:8080/html/test.htmlにブラウザ
    でアクセス
    ● ページの”connect”ボタンで通信開始
    ● レコーダーの映像が出れば成功!

    View full-size slide

  13. どれくらい遅延するのか?(クリックすると別窓で動画が再生されます)
    左:レコーダー直接 右: WebRTC経由

    View full-size slide

  14. 使った感想と分かったこと
    ● ほぼ遅延せずに、簡単に映像を配信することができた。
    ● 映像だけなら、なにも設定せずに配信ができる。
    ● 音声は少し設定が必要である。
    ● ./momo testだけだと、画質・音質ともに加工されて劣化するた
    め、オプションをつける必要はある
    ● Raspberry pi 3よりRaspberry pi 4を使った方が良い。
    これで寒い冬も布団の中でアニメがみられるぜ!!(本音

    View full-size slide

  15. 今後
    ● 現状はレコーダーのリモコンで操作してる
    ● ブラウザから操作できるようクライアントの開発を目指す

    View full-size slide