ビデオストリーミングプラットフォームの構築|意外と簡単!?
このビデオでは、@CodeWithHarryがHTML、CSS、next.jsを使って動画ストリーミング・ウェブサイトを作成する方法を教えてくれます。また、LinodeObject Storage を使って動画を保存し、Object Storage Bucket から HTML、CSS、Javascript を使ってブラウザに動画をストリーミングする方法も説明しています。
チャプター
0:00このビデオでやること
0:30next.jsプロジェクトの作成
1:38 Tailwind CSSをnext.jsプロジェクトに追加する
5:08 ナンバーコンポーネントを作成する
7:00 chatGPTを使ってナビバーをコーディングする
7:40 ナンバーの基礎を作る
10:00 ChatGPTのコードをReactコードに変換する
13:15ChatGPTコードを削除する
13:36ナバーテキストの変更
14:30 watch.jsの作成
16:30 動画アップロードモジュールの作成
20:00 ファイルアップロードタグの作成
22:30 Watch Videos モジュールを作成する
23:45 LinodeでObject Storage Bucketを作成する
25:00 React File Uploaderを作成する
26:25API
28:15テスト API
30:10 FormidableとS3-SDKをインストールする。
30:30 upload.jsをビルドする。
32:10next.jsでbodyparserを無効にする
32:50Formidableを使ってフォームを解析する
36:20upload.jsをQAする
39:20 list.jsを作成する
43:12フロントエンドに接続する
44:20動画カードでウォッチページを生成する
49:10 アップロードページを API
55:00 アップロードの最大ファイルサイズを修正する
56:00 ウォッチページにアップロードされた動画を表示する
1:03:50 ウォッチページにプレーヤーを作成する
1:10:50プレーヤーのアップロードとテスト
1:14:40 ダウンロードボタンをアイコンに変更する
1:16:50まとめ
Linodeは初めてですか?100ドルのクレジットで始めましょう!
Linodeのビデオストリーミングについてもっと知る。
ビデオストリーミングアプリのチュートリアルを見る
登録すると新しいエピソードが公開された際に通知を受け取ることができます。
#ビデオストリーミング #オブジェクトストレージ #コードウィズハリー
製品Linode,Object Storage, ビデオストリーミング; @CodeWithHarry