動画配信の仕組み

私が joomla を多用する理由は、このJooDatabase (JooDB) を使えることにあります。Webサーバーは、ただ情報を発信するだけではなく、情報を受け取り、分析することができるようになりました。そのためにはデータベースは必須のアイテムになっています。
ここでは、オンデマンドの動画配信時、データベースを用いたフロントエンドとしてのJooDBの使い方をご紹介介します。

JooDBはカタログビューとシングルページビューを備えています。そこでカタログビューで商品等一覧を表示、選択してシングルページビューで詳細を表示する仕組みです。もちろんデータベースによる表示のため、シングルページに共通テンプレートを持ち、たとえばタイトル、画像、コメント等その項目ごとページの同位置に配置して個々の情報を平均化させることができます。

ここでは動画のタイトルをカタログビューで表示させ、選択の過程を経てシングルページへジャンプしています。シングルページではテンプレートの一部にビデオプレーヤーを配置して動画を表示させる仕組みです。?

もともと、JooDBはデータベース本体は持っていません。一般的な Mysql でデータベースとテーブルを作成し、そのテーブルをJooDBにリンクして使用します。JooDBのコマンドとデータベースの変数を使ってそれぞれのテンプレートをカスタマイズします。

このサイト全体は見かけ上JooDBのカタログビューで統一しています。私はデザインが苦手な方ですが、それなりに統一感はあると思います。ぜひjoomlaをお使いの方は、JooDatabase をお試しください。

ちなみにフロントエンドを使用しないで直接動画サーバーへアクセスした場合のサンプルです。(こちらの方がダウンロード時間は短縮されます)

森の散歩2014.05.16 https://stream.image-house.co.jp/momo2014-05-16.html
横浜にいます。元気です https://stream.image-house.co.jp/momo2013-12-29.html

使用例
企業用:
膨大な動画マニュアルなどを持つ社内教育用サイト。コンピュータの操作方法ならば、スクリーン動画を制作してカテゴリで分類すれば生産性の高い動画サイトが構築できます。

学校用:
オンライン授業のオンデマンド配信が可能です。基本のコマ時間を設定(例えば60分)して、その整数倍の授業時間で動画を編集します。ひとつは教科ごとにカテゴリ分けをしてオンデマンドの授業動画を作成し、もう一つはホームルーム・質問・トークなど、ZOOMのWeb会議を利用するなど、システムを棲み分け使用することをご提案します。

ただし、一般消費者向けなどは、YouTubeが合理的でしょう。

JooDatabase
https://joodb.feenders.de/

JooDatabase ダウンロード
https://joodb.feenders.de/download.html

http (名) ハイパーテキスト転送プロトコル (hyper text transfer protocol の略)

EMBEDストリーミング配信

EMBEDストリーミング配信
フロントエンドにJooDataBaseを使用して選択画面を構成しています。CMSを使いこなすにはユーザフレンドリなフロントエンドが必至となります。

・フロントエンドに joomla + JooDatabase 、バックエンドに CentOS + Nginx のストリーミングサーバーで構成しています
joodb+Nginx

・フロントエンドに joomla + JooDatabase バックエンドに YouTube を使用します。
joodb+youtube

バックエンドの実験
収録内容のタイトルをクリックして下さい

収録内容
森の散歩2014.05.16
横浜にいます。元気です

BGM提供:TAM Music Factory
CentOs + Nginx
?

森の散歩2014.05.16
横浜にいます。元気です

BGM提供:TAM Music Factory
YouTube

?

この画像配信サイトは joomla?の 記事コンポーネントを使用しています。

Webサーバーからのページは動画の部分のみ、それぞれのストリーミングサーバーから配信されます。CentOs + Nginx から Webページへの動画の取り込みはセキュリティーの関係でできないようになっています。ただしCORS設定により回避できます。

CentOs + Nginxからの取り込み動画のサンプル

YouTubeからの取り込み動画のサンプル



バックエンドNginxは「XServerVPS」から配信しています。
プラン:1G/CPU:仮想2Core/メモリー:1GB/SSD:100GB

参考にさせていただいたサイト
動画配信サーバー構築(nginx+nginx-rtmp-module)
S3のCORS設定方法を確認してみた ~複数ドメインからのHLS動画再生を許可するケース~
CORS on Nginx
「No 'Access-Control-Allow-Origin' header is present on the requested resource」というエラー