個人向け・動画配信サービの制作!!広告の差し込みなど自由にカスタマイズできます
業務内容
◆【実績あり】
最先端のテクノロジーを活用した動画配信サービスの製作をお手伝い!
Next.jsとAWSの力を結集し、高速でスムーズな動画配信体験を実現!
スマホ対応のレスポンシブデザイン!
◆【特徴】
・高速性:
Next.jsとAWSの強力なインフラを活用し、ユーザーに素早く安定した動画配信を提供。
・スケーラビリティ:
AWSのクラウドを活用し、視聴者数が増えても安定したサービスを提供。
◆【プラン】
◆【パフォーマンス重視】
□[ コスト ]
・AWS: 200$/月~
・ドメイン: 2,000円/月
□[ 構成 ]
・ Next.js
・インフラ: AWS(ECS × Fargate)
・ストレージ: AWS(S3 × CloudFront)
・動画配信形式: m3u8
◆【バランス】
□[ コスト ]
・AWS: 100$/月~
・レンタルサーバー: 約26,000円/年
・ドメイン: 2,000円/月
□[ 構成 ]
・ Next.js
・インフラ: AWS(ECS × Fargate)
・ストレージ: レンタルサーバー
・動画配信形式: mp4
◆【コスト重視】
□[ コスト ]
・レンタルサーバー: 約26,000円/年
・ドメイン: 2,000円/月
□[ 構成 ]
・ WordPress
・インフラ: レンタルサーバー
・ストレージ: レンタルサーバー
・動画配信形式: mp4
◆【サービス内容】
□[ サービス購入前 ]
①サービス内容の確認:
どういったサービスを運用するのか、ヒアリングさせて頂きます。
②3つのプランから1つ選んで頂きます。
□[ サービス購入後 ]
③プランに応じていくつか作業を行ってもらいます。
*ココナラのメッセージ機能を活用してサポートさせて頂きます
◆【作成するページ】
・トップページ
・検索ページ
・個別ページ
・お問い合わせページ
・お気に入り
etc
◆【価格】
□29,800円
*ドメインコスト&レンタルサーバーコストが別途かかります。
コスト重視 プランの場合、初年度は、それらもろもろ含めて計30,000ほどはかかるかと思います。
- 業務
- Webアプリケーション構築
- プログラミング言語
- HTML ・ CSS JavaScript PHP TypeScript
- 専門知識
- クロスブラウザ対応 パフォーマンス セキュリティ
AWS×Next.jsで、MP4動画をM3U8に変換し、HLS配信する方法を教えます
業務内容
◆【対象者】
□Next.jsを触ったことがある方
□M3U8ファイルでのHLS高速動画配信の方法を学びたい方
◆【サービス内容】
□[サービス内容]
AWS S3×Lambda×AWS Elemental MediaConvertで、MP4動画をM3U8に変換し、Next.jsからHLS配信する方法を教えます。
基本的に私がアップロードしたyoutube動画を参考に進めていきます:
https://www.youtube.com/watch?v=RpKF85xOID8&list=PLqPuTtia7H0DRzMCxhGKg5TeQHTT_oD8i
「
AWS(Amazon Web Service)のS3,MediaConvert,Lambdaを用いて、
MP4動画ファイルを、HLS配信に最適化したM3U8ファイルに変換するプログラムを実装していきます。
そして、最後には、Next.jsのアプリ上で実際にM3U8の動画ファイルを読み込み、再生するところまで行います。
この講義を最後まで受講して頂いた暁には、
youtubeのような動画配信プラットフォームを作成するためには必須の、
M3U8ファイルやストリーミング配信についての知識が身に付くことでしょう。
」
ご要望であれば、S3の前段にCloudFrontを配置し、独自ドメイン取得~https配信の方法や。
DOS,DDOS,EDOS攻撃に対処するためのWAFによるセキュリティ保護の方法もレクチャーさせて頂きます。
□[*]
*トラブル防止のため、coconaraのメッセージ機能を用いて、レクチャーさせて頂きます。
□[期間]
・おおめに見て7日間ほどとしておきます。
◆【全体の構成】
■[動画1]
・この講義の解説
>AWの各種リソースにかかるコスト/料金
・AWS料金について
・ストリーミング と M3U8ファイル について
■[動画2]
・S3とは
・バケットを作成
■[動画3]
・MediaConvertとは
>job,jobテンプレート について
・MediaConvertでjobテンプレートを作成しよう
・3つのレート制御モード「CBR,VBR.QVBR」について
■[動画4]
・Lambdaとは
・LS3への動画アップロードをトリガーに、M3U8ファイルへ変換するプログラムを実装
■[動画5]
・AWSで実装したプログラムを実際に動かしてみよう
■[動画6]
・Next.jsのアプリ上でhls.jsを用いて、M3U8の動画ファイルを再生してみよう