Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AWSで高校の文化祭を色々変えた件~NYGstreaming~
Search
Kurisu Yukihisa
February 08, 2023
Education
3
780
AWSで高校の文化祭を色々変えた件~NYGstreaming~
Media-JAWS 第11回にて登壇させていただいた時の資料です。
ぜひ見ていってください!
(この内容に関して弊学及び、当局へのお問い合わせはお止めください。)
Kurisu Yukihisa
February 08, 2023
Tweet
Share
Other Decks in Education
See All in Education
Data Presentation - Lecture 5 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
Baa Baa Black Sheep
haiinya
0
110
HyRead2324
cbtlibrary
0
110
スタートアップCTOが個人開発で収益化・年13本記事発信・5件登壇を平行するための時間管理
texmeijin
4
780
自由の森学園学校紹介資料
jiyunomori
0
1.1k
Project Sprint 学生版(入門編)
copilot
PRO
0
110
パフォーマンス・チューニング入門
oracle4engineer
PRO
2
350
会社紹介リーフレット(株式会社東進ビルシステム)
tbs_official
0
340
前期教育実習事前指導0221
naradai
0
120
H5P-työkalut
matleenalaakso
3
32k
AWS試験全冠したら新しい道が開けた話
nagisa53
3
1k
Часто задаваемые вопросы
pnuslide
0
11k
Featured
See All Featured
Visualization
eitanlees
135
14k
Docker and Python
trallard
33
2.6k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2k
What the flash - Photography Introduction
edds
64
11k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.2k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
28
5.9k
Automating Front-end Workflow
addyosmani
1353
200k
Debugging Ruby Performance
tmm1
68
11k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Transcript
None
None
西大和学園中学校・高等学校 奈良県北葛城郡河合町(法隆寺の近く) 生徒数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.各サービス振り返り ①文化祭HP Lightsailを使用 ※Lightsailとは⇒やさしいEC2
③/④チケット・入退場管理システム 会場への入場 or 公演の閲覧で登録された人かの判別用。 チケット申し込み機能もあり 3.各サービス振り返り ↑入退場管理システム↑ ↑チケット管理システム↑ ↑ CAPTCHA
⑤体育祭選手エントリ管理システム 従来 今回 AIにやらせてまえ! 生徒からデータを回収 印刷 関数でデータ整理 (エラー検知) 打ち込み 招集名簿
確認用名簿 AI読み込み 生徒からデータを回収 関数でデータ整理 (エラー検知) 印刷 招集名簿 確認用名簿 3.各サービス振り返り
➄体育祭エントリー管理システム Amazon Textract ・表を表をして認識してcsv書き出し可 3.各サービス振り返り
⑥3DCGバーチャル校舎 mozila hubsで公開 3.各サービス振り返り
4.NYGstreaming そもそもNYGstreamingとは ⇒動画配信プラットフォーム ・オンデマンド動画配信 ・ライブ動画配信 ・限定公開コンテンツ(パスワード認証) ・サムネイル画像の表示 ・題名・概要欄の実装 ・おすすめ動画の表示 ・CMが再生機能
None
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.NYGstreaming IVS(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.まとめ