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

AWSで高校の文化祭を色々変えた件~NYGstreaming~

 AWSで高校の文化祭を色々変えた件~NYGstreaming~

Media-JAWS 第11回にて登壇させていただいた時の資料です。
ぜひ見ていってください!

(この内容に関して弊学及び、当局へのお問い合わせはお止めください。)

Kurisu Yukihisa

February 08, 2023
Tweet

Other Decks in Education

Transcript

  1. View Slide

  2. View Slide

  3. 西大和学園中学校・高等学校
    奈良県北葛城郡河合町(法隆寺の近く)
    生徒数1800程度の中高一貫+高校入学の学校
    寮あり
    課外活動・行事が盛ん(SSH/模擬国/AIP…)
    1.About us
    本校HP:https://www.nishiyamato.ed.jp/

    View Slide

  4. 1.About us
    西大和学園 技術統括局 ( Directorate General of Technology )
    「『好き』で西大和を創る」のコンセプトのもとに設立された
    部活でも生徒会でもない生徒組織。
    生徒が自主的に自らのスキルを活かして技術的アプローチから学校を支える。
    現時点で中3から高2まで約30人が所属している。

    View Slide

  5. 1.About us
    活動内容

    View Slide

  6. 1.About me
    栗栖 幸久(くりす ゆきひさ)(来栖って書かれがち)
    ・西大和学園 高校2年(17才)
    ・所属先(引退したもの含む)
    –技術統括局 局長・放送部 副部長・写真部 部長・36期SSH小麦種子耐熱班
    ・趣味
    –写真・無線・映像作成・情報系技術・AWS
    ・野望
    –AWS Outpostsを個人で契約する
    ↑twitter↑

    View Slide

  7. 2.AWS活用実績一覧!
    ①文化祭HP(LightSail)
    ②NYGstreaming(動画配信プラットフォーム)
    ③チケット管理システム(EC2等)
    ④入退場管理システム(EC2等)
    ⑤体育祭選手エントリー管理システム(Amazon Textract)
    ⑥3DCGバーチャル校舎
    ⑦局員作業環境(Amazon WorkSpaces)

    View Slide

  8. 3.各サービス振り返り
    ①文化祭HP
    Lightsailを使用
    ※Lightsailとは⇒やさしいEC2

    View Slide

  9. ③/④チケット・入退場管理システム
    会場への入場 or 公演の閲覧で登録された人かの判別用。
    チケット申し込み機能もあり
    3.各サービス振り返り
    ↑入退場管理システム↑ ↑チケット管理システム↑

    CAPTCHA

    View Slide

  10. ⑤体育祭選手エントリ管理システム
    従来
    今回
    AIにやらせてまえ!
    生徒からデータを回収 印刷
    関数でデータ整理
    (エラー検知)
    打ち込み
    招集名簿
    確認用名簿
    AI読み込み
    生徒からデータを回収
    関数でデータ整理
    (エラー検知)
    印刷 招集名簿
    確認用名簿
    3.各サービス振り返り

    View Slide

  11. ➄体育祭エントリー管理システム
    Amazon Textract
    ・表を表をして認識してcsv書き出し可
    3.各サービス振り返り

    View Slide

  12. ⑥3DCGバーチャル校舎
    mozila hubsで公開
    3.各サービス振り返り

    View Slide

  13. 4.NYGstreaming
    そもそもNYGstreamingとは
    ⇒動画配信プラットフォーム
    ・オンデマンド動画配信
    ・ライブ動画配信
    ・限定公開コンテンツ(パスワード認証)
    ・サムネイル画像の表示
    ・題名・概要欄の実装
    ・おすすめ動画の表示
    ・CMが再生機能

    View Slide

  14. View Slide

  15. 4.NYGstreaming
    開発の経緯~昨年の10月~
    すでに有志団体(ダンス、バンド etc)の動画公開は行っていた(YouTube)
    公開方法は3パターン(顔出しNG等の理由で)
    YouTubeで通常公開 YouTubeで限定公開
    Google Driveの共有機能
    (組織内のみ)

    View Slide

  16. 4.NYGstreaming
    問題点
    ①YouTubeで通常公開
    ⇒コメントを開放できない
    ダンス音源でBanの可能性あり
    (全団体がJASRAC等に著作物使用手続きをしているが
    ライブ配信だとAIが判断して配信をBanし異議申し立ても間に合わない)
    ②YouTubeの限定公開
    ⇒リンクさえ知っていたら見れるので限定公開の意味があまりない

    View Slide

  17. 4.NYGstreaming
    問題点
    ③Google Driveの共有機能で組織内のみ
    ⇒プレビュー回数に制限があり、見れない人が出てくる

    View Slide

  18. 4.NYGstreaming
    問題点の解決法
    ⇒IVS(AWS)と出会う
    ⇒いいものが見つからなかった
    他のプラットフォーム
    に移行
    プラットフォームを
    自作
    (当時は冗談半分)

    View Slide

  19. 4.NYGstreaming
    IVS(Amazon Interactive Video Services)
    AWSのライブ配信サービス
    特徴
    ・超低遅延(2s~)
    ・FHDまでの入出力
    ・拡張性がすごい
    ・アーカイブをS3に保存できる

    View Slide

  20. 4.NYGstreaming
    超低遅延が生み出した良い点
    ・現地で見ている人たちと教室で配信を見ている人の移動が重ならなくなった
    ・配信場所で笑いが起きて20s後に隣の教室で笑いが起きるという不自然が解消




















    View Slide

  21. 主な遷移
    ・ver1.1(AWSを始めて1.2か月)
    ⇒S3の静的ウェブホスティング&サンプルコードそのまま
    ・ver1.2
    ⇒要件定義&UIを整え始める、開発開始
    ・ver1.3
    ⇒リリース完了
    4.NYGstreaming

    View Slide

  22. ver1.2の要件定義
    ● オンデマンド動画配信
    ● ライブ動画配信
    ● サムネイル画像の表示
    ● 題名・概要欄の実装
    ● マネージできるコメント欄
    ● マネージできるライブチャット
    ● おすすめ動画の表示
    ● 動画再生前にCMが流れる
    4.NYGstreaming

    View Slide

  23. 初期
    構成

    4.NYGstreaming

    View Slide

  24. 最終
    構成

    4.NYGstreaming

    View Slide

  25. 使おうとした&使った(特殊な)サービス
    ・Media Tailor
    :広告挿入のサービス⇒一種類しかCMを挿入できず見送り
    ・Media Convert
    :ファイル変換サービス。今回は mp4⇒HLS形式
    ・IVS chat
    :IVSのライブチャット機能⇒現在 開発中。トークンが上手くいかない
    4.NYGstreaming

    View Slide

  26. 困った・苦労したところ
    ①すぐAWSの操作UIが変わる⇒せっかくのブログや記事を読んでもわからない
    ②再生がされない問題
    ⇒HLSのテストサイトでは再生可
    NYGstreamingでは再生できない
    4.NYGstreaming
    _人人人人人人人_
    > CORS設定 <
     ̄Y^Y^Y^Y^Y^Y^ ̄

    View Slide

  27. ・全サービスに関して安価に済ませられた
    ・今日NYGstreamingを公開しようとしたら、今日の朝4:23に何故か死んだ
    〈展望〉
    ・サーバーレスサービス(lambda)やAmplifyといったものを使いたい
    →安く・簡単に構築できる
    ・未実装サービスを実装したい
    5.まとめ

    View Slide