• 0266-75-3324
スタジオイメージハウス
  • Home
  • ITコンサルティング
    • ITコンサルティングとは
    • サーバー構築
    • クライアント構築
    • コンテンツ制作
  • Webマーケティング
    • Webマーケティングとは
    • 企業のホームページを考える
    • 具体的手法
    • 企業自身で構築するメディア戦略
    • 戦略サーバー構成
  • 戦略コンテンツ
    • 戦略コンテンツとは
    • ストリーミング配信
    • オンラインアルバム
    • ネットワークIDフォト
    • 社員証ソリューション
    • ホームページデザイン(joomla)
    • ブログ活用
    • ソーシャルネットワーキングサービス(SNS)
    • メーリングリスト
    • ECサイト構築
    • グループウェア
    • eラーニング
  • 動画配信
    • EMBEDストリーミング配信
    • 動画配信の仕組み
    • 動画配信JooDB+Nginx
    • 動画配信JooDB+YouTube
  • スクールパッケージ
Sign In

動画配信の仕組み

Tatsuo Mine 動画配信 2020年09月08日

私が 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

 
 
 

EMBEDストリーミング配信

Tatsuo Mine 動画配信 2014年06月12日

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」というエラー

・動画配信

  • 動画配信
  • 動画配信の仕組み
  • 動画配信JooDB+Nginx
  • 動画配信JooDB+YouTube

ITコンサルティング

  • ITコンサルティング
  • ITコンサルティングとは
  • サーバー構築
  • クライアント構築
  • コンテンツ制作

Webマーケティング

  • Webマーケティング
  • Webマーケティングとは
  • 企業のホームページを考える
  • 具体的手法
  • 企業自身で構築するメディア戦略
  • 戦略サーバー構成

戦略コンテンツ

  • 戦略コンテンツ
  • 戦略コンテンツとは
  • ストリーミング配信
  • オンラインアルバム
  • ネットワークIDフォト
  • 社員証ソリューション
  • ホームページデザイン(joomla)
  • ブログ活用
  • ソーシャルネットワーキングサービス(SNS)
  • メーリングリスト
  • ECサイト構築
  • グループウェア
  • eラーニング

動画配信

  • 動画配信
  • 動画配信の仕組み
  • 動画配信JooDB+Nginx
  • 動画配信JooDB+YouTube
  • プロフィール
  • サイトマップ
  • プライバシーポリシー
  • 管理者ブログ
© 2026 スタジオイメージハウス株式会社 Designed By JoomShaper
  • Home
  • ITコンサルティング
    • ITコンサルティングとは
    • サーバー構築
    • クライアント構築
    • コンテンツ制作
  • Webマーケティング
    • Webマーケティングとは
    • 企業のホームページを考える
    • 具体的手法
    • 企業自身で構築するメディア戦略
    • 戦略サーバー構成
  • 戦略コンテンツ
    • 戦略コンテンツとは
    • ストリーミング配信
    • オンラインアルバム
    • ネットワークIDフォト
    • 社員証ソリューション
    • ホームページデザイン(joomla)
    • ブログ活用
    • ソーシャルネットワーキングサービス(SNS)
    • メーリングリスト
    • ECサイト構築
    • グループウェア
    • eラーニング
  • 動画配信
    • EMBEDストリーミング配信
    • 動画配信の仕組み
    • 動画配信JooDB+Nginx
    • 動画配信JooDB+YouTube
  • スクールパッケージ