チェッカーサイト&生配信サイトをつくろう 第0回目「下準備」

目標

・見やすいチェッカーサイトの構築
 視認性の高いデザイン
 ユーザーによる機能の取捨選択
・ストレスのない配信サイトの構築
 低ラグ
 どの配信ソフトでも配信可能
 アーカイブ
・自分のスキルの確認
・海外対応

※まずは開発難易度の低いチェッカーサイトの方から作ります。

環境構築

インストール済み
 nginx(サーバソフト)
 mariadb(データベース)
 php7(php-fpm) (スクリプト)(socket接続)
 nginx-rtmp-module(rtmpモジュール)
 node.js(web socket等)
 webmin(管理)
 adminer(DB管理)
 
インストール中
 red5←少し時間がかかりそう&すぐには使わないので後回し←インストール&テスト完了

仮スケジュール

※仮なので追加のアドバイスがあればお気軽に。
チェッカーサイト&生配信サイトをつくろう 第0回目「下準備」
チェッカーサイトをつくろう
 チェッカーサイトをつくろう 第1回目「メインページのレイアウトを決めよう」
 チェッカーサイトをつくろう 第2回目「とりあえず動作するようにしよう&コミュニケーションツールを設置しよう」
 チェッカーサイトをつくろう 第3回目「トピック表示機能をつけよう」
 チェッカーサイトをつくろう 第4回目「開始時間・配信時間表示機能をつけよう」
 チェッカーサイトをつくろう 第5回目「個別ページのレイアウトを決めよう」
 チェッカーサイトをつくろう 第6回目「個別ページのレイアウトを決めよう2」
 チェッカーサイトをつくろう 第7回目「個別ページのレイアウトを決めよう3」
 チェッカーサイトをつくろう 第8回目「配信サイトfc2ライブに対応しよう」
 「配信サイトcavetubeに対応しよう」
 「配信サイトlivetubeに対応しよう」
 「配信サイトyoutubeliveに対応しよう」
 「配信サイトhitboxに対応しよう」
 「配信サイトtwitchに対応しよう」
 「配信サイトニコ生に対応しよう」
 「配信サイトustreamに対応しよう」
 「配信サイトafreecaTVに対応しよう」
 「配信サイトBeamに対応しよう」
 「配信サイトtwitcastingに対応しよう」
 「配信サイトLivestreamに対応しよう」
 「閑話休題」
 「個別ページを作ろう プレイヤー編1」
 「個別ページを作ろう プレイヤー編2」
 「個別ページを作ろう プレイヤー編3」
 「個別ページを作ろう 履歴編1」
 「個別ページを作ろう 履歴編2」
 「IRCチャットを設置しよう1」
 「IRCチャットを設置しよう2」
 「チャットをつくろう1」
 「チャットをつくろう2」
 「統合チャット環境をつくろう」
 「データベース設計を見直そう」
 「閑話休題」
 「ユーザー認証によるページ編集機能をつくろう1」
 「ユーザー認証によるページ編集機能をつくろう2」
 「SNSによるユーザー認証機能をつけよう1」
 「SNSによるユーザー認証機能をつけよう2」
 「wikiをつくろう」
 「掲示板をつくろう」
 「アップローダをつくろう」
 「ブログを作ろう」
 「カレンダー機能を作ろう」
 「レンタルサーバーを見直そう」
生配信サイトをつくろう
 「生配信機能をつくろう」1~10回くらい?
 「閑話休題」
 「アーカイブ機能をつくろう」1~5回くらい?断念の可能性有

配信テスト

Mac Safariの環境はvideo.jsと相性が悪い??
 →SafariとHTML5 videoの相性が悪いようだ。
  HTML5 video with video.js not working in Safari
  
過負荷テストとラグ確認は次回。

その他メモ

・JSフレームワーク(AngularJS, React.js)について
https://www.livecoding.tv/livestreams/ への対応について
 API自体はわかりやすいので対応は難しくなさそう。要望と利用者数次第で対応
 → ・topコマンドによるLoad Average等の確認
   ・nginxのstub_status による同時接続数の確認
   ・httperf
   ・ラグは音の遅延で確認(配信・視聴者側でボタン押す)
   ラグは9秒ほど?

シェアする

  • このエントリーをはてなブックマークに追加

フォローする