Cloudflare Streamを使った簡単動画配信

Cloudflare Streamを 使った簡単動画配信 2025/03/14 Cloudflare Meet-up Tokyo Vol.7 ニフティ株式会社 石川 貴之

自己紹介 ニフティ株式会社 会員システムグループ テックリード / Cloud Architect 2 石川 貴之 (Ishikawa Takayuki) 担当業務 ● ● ● AWS/GCP組織管理 技術寄りSaaS管理（Notion, GitHubなど） ○ 先週はずっとDevinと仕事してました（検証） 自社WEBサービスの設計、バックエンド

背景 👤依頼者：日本からだけ見れて、動画をおける WEBページを作りたい 🔧開発者：CloudFront(地理的制限) + S3 環境を提供しますね（重説動画でも置くのかな） （その後） 👤依頼者：アニメやドラマを流したいんだけど尺どのくらいまでいけますか？ 🔧開発者：5TBまではいけますが……（ん？著作物？嫌な予感が……） 🔧開発者：mp4直置きだと動画ダウンロードされちゃいますが、 著作物なら CPさんからの配信要件ありますか？ DRM必須とか。 👤依頼者：mp4直置きを想定してました ！先方に確認します！

コミュニケーションギャップ ※一部想像です

正しい要件 ● VODストリーミング配信のみ ○ 60 〜 100minの動画 ○ 配信期間は決まっている ● ダウンロード不可 ● 日本からのアクセスのみに制限 ● ログイン必須 ○ Endpoint保護までは調整に時間かかるので、 今回はログイン時に作成される特定 Cookieのチェックだけして制御 ● DRM対応までは必要ない

動画配信プラットフォーム選定 ● ● ❌ YouTube ○ YouTube Studio コンテンツ マネージャーの利用が必要 ○ 著作物管理寄りだと思うので今回は合わない ❌ Vimeo OTT ○ ● ● 販売したいわけではないのでマッチしない ⭕ AWS Elemental MediaConvert + S3 + CloudFront ○ CloudFrontで地理的制限 ○ 動画はMediaConvertで変換してS3に保存 ⭕ Cloudflare Stream ○ 動画の変換から配信、制限まで一通りできる

コスト比較 フルHD動画100分（8Mbps 6GB）を累計10,500分視聴された場合 ※東京リージョンの単価で計算、ボリューム割引や無料枠は計算にいれず AWS MediaConvert + S3 + CloudFront 単価 月額固定費 Cloudflare Stream 単価 10,000分視聴 0 スターターバンドル Store 1,000min / Deliver 5,000min 10,000分視聴 5 USD 動画変換 0.015 USD/分 1.50 USD ストレージ 0.025 USD/GB 0.15 USD 5 USD/1,000分 0 USD 配信 0.114 USD/GB 71.82 USD 1 USD/1,000分 6 USD 合計 73.47 USD 0 単価が最小 支払い単位 11 USD

Cloudflare Stream配信環境 構成図 調査含め 5人日で完成

制限の設定場所 ダウンロード不可、オリジン制限 地理的制限（トークン発行時）

Analytics機能 JP以外のアクセス はテスト時のもの 最小だと1分単位の集計、表示期間はカスタム可能

まとめ Cloudflare Streamは考えることが少なく済む ● デフォルトのままで要件が満たせることが多く、動画配信に詳しくなくても大丈夫 ○ ● 再生時間課金なので解像度や通信量を気にしなくていい ○ ○ ● 配信用のデータ変換もよしなにやってくれる、ただし 4KやAV1はサポートしていない 再生数が異様に多くなる可能性があるなら、 R2に置いて配信するのも検討しよう 動画サイズと CloudFrontの割引次第で AWSのほうが安い場合もあり 動画ごとのダウンロード可否、オリジン制御、署名付きURLの設定 リクエストごとの地理的制限も Streamだけで制御可能。Analyticsも付いてくる。 Cloudflare Workers/Pagesがある ● ちょっとページや処理追加したいときも Cloudflare上で完結できる

参考 ● ● Cloudflare Stream docs ○ Use the Stream Player 再生プレイヤー ○ Secure your Stream 署名付きURLと地理的制限 ○ Display thumbnails サムネイルの表示 ○ Pricing コスト 動画配信におけるコンテンツ保護の重要性とそれを実現する仕組みを自分なりに まとめてみた | DevelopersIO

• https://developers.cloudflare.com/stream/
• https://developers.cloudflare.com/stream/viewing-videos/using-the-stream-player/
• https://developers.cloudflare.com/stream/viewing-videos/securing-your-stream/
• https://developers.cloudflare.com/stream/viewing-videos/displaying-thumbnails/
• https://developers.cloudflare.com/stream/pricing/
• https://dev.classmethod.jp/articles/hls-aes-with-aws-elemental-medialive/

Copyright © NIFTY Corporation All Rights Reserved.