-
Notifications
You must be signed in to change notification settings - Fork 74
動画機能
Masaki Komagata edited this page Apr 18, 2024
·
15 revisions
今まではVimeoに動画をアップしてそこの貼り付けコードをDocsなどに書くことで動画を表示していたが、bootcamp内に機能を持ちたい。
- Vimeoの利用プランの容量が足りなくなってきた。
- 手間がかかるので動画でページを作らなくても動画単体のページが欲しい。
- 手間がかかるので特定の種類の動画の一覧ページを手動で作らなくても自動でできて欲しい(タグ機能)
下記を選べるようにしたい。
ファーストリリース時
- メンバー(bootcampにログインしている人全員が見れる)
将来的に
- 公開(誰でも見れる)
- 特定のプラクティスが完了になっている人(+管理者、メンター、アドバイザー)
/movies
みたいなページ。
タイトルとサムネイルが並んだページ。
/movies/new
みたいなページ。
- 関連するプラクティス
- タイトル
- 説明
- Markdownエディタ
- 動画データ
- タグ
※公開範囲はファーストリリース時は無し
※データはDocとほぼ同じ(Doc + 動画ファイル...という感じ)
- 動画はActiveStorageで保存する。拡張子は
.mp4
か.mov
。 - アップロードはJSを使ったダイレクトアップロードを使いたい。
- 動画変換は将来的にはGCPのTranscoder APIで行いたいが、最初はやらない。
ダイレクトアップロード - Active Storage の概要 - Railsガイド
Docsと動画をタブで切り替えるようにする。
![貼り付けた画像_2024_03_13_22_11](https://private-user-images.githubusercontent.com/168265/312470563-f8f239e0-6812-4418-ac0c-c2a41c54f02b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5NTU2OTIsIm5iZiI6MTcyMTk1NTM5MiwicGF0aCI6Ii8xNjgyNjUvMzEyNDcwNTYzLWY4ZjIzOWUwLTY4MTItNDQxOC1hYzBjLWMyYTQxYzU0ZjAyYi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQwMDU2MzJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wZDk0ZjliZDkxN2RiZmM1ZjY2NGFlNTlmMzdlZmVjNzczN2QwZDhmMTE4YWJmNzk3OTRhYmNlNzk0ZWM5Yjg2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.OMA7suViINuBS6ulHs2npjv9qztqNCYK2DlOVzyMR1E)
![貼り付けた画像_2024_03_13_22_18](https://private-user-images.githubusercontent.com/168265/312471239-0af0122f-572f-473d-b5c7-e20a24818465.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5NTU2OTIsIm5iZiI6MTcyMTk1NTM5MiwicGF0aCI6Ii8xNjgyNjUvMzEyNDcxMjM5LTBhZjAxMjJmLTU3MmYtNDczZC1iNWM3LWUyMGEyNDgxODQ2NS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQwMDU2MzJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05YTQ4YzhmNzllNTg2OTVmOTU3MzAzNmFkZjIwZTg4NWYxZmUwZjMyMjQ2ZTkyMDMzYjA1YTE3NjdmZTRiODlmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PXdPojdxGTkediwrsntr68CPza9v385szaA-6WXZWOU)