Media-JAWS 第11回にて登壇させていただいた時の資料です。 ぜひ見ていってください!
(この内容に関して弊学及び、当局へのお問い合わせはお止めください。)
View Slide
西大和学園中学校・高等学校奈良県北葛城郡河合町(法隆寺の近く)生徒数1800程度の中高一貫+高校入学の学校寮あり課外活動・行事が盛ん(SSH/模擬国/AIP…)1.About us本校HP:https://www.nishiyamato.ed.jp/
1.About us西大和学園 技術統括局 ( Directorate General of Technology )「『好き』で西大和を創る」のコンセプトのもとに設立された部活でも生徒会でもない生徒組織。生徒が自主的に自らのスキルを活かして技術的アプローチから学校を支える。現時点で中3から高2まで約30人が所属している。
1.About us活動内容
1.About me栗栖 幸久(くりす ゆきひさ)(来栖って書かれがち)・西大和学園 高校2年(17才)・所属先(引退したもの含む)–技術統括局 局長・放送部 副部長・写真部 部長・36期SSH小麦種子耐熱班・趣味–写真・無線・映像作成・情報系技術・AWS・野望–AWS Outpostsを個人で契約する↑twitter↑
2.AWS活用実績一覧!①文化祭HP(LightSail)②NYGstreaming(動画配信プラットフォーム)③チケット管理システム(EC2等)④入退場管理システム(EC2等)⑤体育祭選手エントリー管理システム(Amazon Textract)⑥3DCGバーチャル校舎⑦局員作業環境(Amazon WorkSpaces)
3.各サービス振り返り①文化祭HPLightsailを使用※Lightsailとは⇒やさしいEC2
③/④チケット・入退場管理システム会場への入場 or 公演の閲覧で登録された人かの判別用。チケット申し込み機能もあり3.各サービス振り返り↑入退場管理システム↑ ↑チケット管理システム↑↑CAPTCHA
⑤体育祭選手エントリ管理システム従来今回AIにやらせてまえ!生徒からデータを回収 印刷関数でデータ整理(エラー検知)打ち込み招集名簿確認用名簿AI読み込み生徒からデータを回収関数でデータ整理(エラー検知)印刷 招集名簿確認用名簿3.各サービス振り返り
➄体育祭エントリー管理システムAmazon Textract・表を表をして認識してcsv書き出し可3.各サービス振り返り
⑥3DCGバーチャル校舎mozila hubsで公開3.各サービス振り返り
4.NYGstreamingそもそもNYGstreamingとは⇒動画配信プラットフォーム・オンデマンド動画配信・ライブ動画配信・限定公開コンテンツ(パスワード認証)・サムネイル画像の表示・題名・概要欄の実装・おすすめ動画の表示・CMが再生機能
4.NYGstreaming開発の経緯~昨年の10月~すでに有志団体(ダンス、バンド etc)の動画公開は行っていた(YouTube)公開方法は3パターン(顔出しNG等の理由で)YouTubeで通常公開 YouTubeで限定公開Google Driveの共有機能(組織内のみ)
4.NYGstreaming問題点①YouTubeで通常公開⇒コメントを開放できないダンス音源でBanの可能性あり(全団体がJASRAC等に著作物使用手続きをしているがライブ配信だとAIが判断して配信をBanし異議申し立ても間に合わない)②YouTubeの限定公開⇒リンクさえ知っていたら見れるので限定公開の意味があまりない
4.NYGstreaming問題点③Google Driveの共有機能で組織内のみ⇒プレビュー回数に制限があり、見れない人が出てくる
4.NYGstreaming問題点の解決法⇒IVS(AWS)と出会う⇒いいものが見つからなかった他のプラットフォームに移行プラットフォームを自作(当時は冗談半分)
4.NYGstreamingIVS(Amazon Interactive Video Services)AWSのライブ配信サービス特徴・超低遅延(2s~)・FHDまでの入出力・拡張性がすごい・アーカイブをS3に保存できる
4.NYGstreaming超低遅延が生み出した良い点・現地で見ている人たちと教室で配信を見ている人の移動が重ならなくなった・配信場所で笑いが起きて20s後に隣の教室で笑いが起きるという不自然が解消ここの教室で配信する隣の教室で配信を見る
主な遷移・ver1.1(AWSを始めて1.2か月)⇒S3の静的ウェブホスティング&サンプルコードそのまま・ver1.2⇒要件定義&UIを整え始める、開発開始・ver1.3⇒リリース完了4.NYGstreaming
ver1.2の要件定義● オンデマンド動画配信● ライブ動画配信● サムネイル画像の表示● 題名・概要欄の実装● マネージできるコメント欄● マネージできるライブチャット● おすすめ動画の表示● 動画再生前にCMが流れる4.NYGstreaming
初期構成図4.NYGstreaming
最終構成図4.NYGstreaming
使おうとした&使った(特殊な)サービス・Media Tailor:広告挿入のサービス⇒一種類しかCMを挿入できず見送り・Media Convert:ファイル変換サービス。今回は mp4⇒HLS形式・IVS chat:IVSのライブチャット機能⇒現在 開発中。トークンが上手くいかない4.NYGstreaming
困った・苦労したところ①すぐAWSの操作UIが変わる⇒せっかくのブログや記事を読んでもわからない②再生がされない問題⇒HLSのテストサイトでは再生可NYGstreamingでは再生できない4.NYGstreaming_人人人人人人人_> CORS設定 < ̄Y^Y^Y^Y^Y^Y^ ̄
・全サービスに関して安価に済ませられた・今日NYGstreamingを公開しようとしたら、今日の朝4:23に何故か死んだ〈展望〉・サーバーレスサービス(lambda)やAmplifyといったものを使いたい→安く・簡単に構築できる・未実装サービスを実装したい5.まとめ