JavaScript Railsで使えるGem

Rails3で動画配信を試用~flowplayer

投稿日:

 

最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ

しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい場合には、ウェブアプリなんかのほうがいいかもしれない

Flowplayerは基本的にはFlashを使ってJavascriptで簡単に動画再生を行えるライブラリである

オリジナルロゴなどを利用できる商用版とFlowplayerのロゴ入りのフリー版がある

普通はフリー版で十分

flowplayer.org/download/

 

Gemfile

bundle

 

モンキーパッチ

stackoverflow.com/questions/9125835/rails-3-1-flowplayer-gem-install

いきなりrails gをしようとするとエラーが出る

とりあえずstackoverflowを参考に上から下に書き換える

moduleの設定方法が変わったのかな?詳しくはわからない

 

*いま確認したらGithubのほうは修正済みでした

github.com/scottdavis/flowplayer-gem

genarate

これで必要なjavascriptとフラッシュファイルがpublic以下に配置される

 

View

application.html.erb

app/assets以下は先頭に/をつかない、public以下は先頭に/をつけるらしい

d.hatena.ne.jp/kobaken75/20120410/1334038386

 

使い方

これでview中で専用のflowplayer_forタグが使えるようになる

show.html.erb

とりあえずpublic/mediaフォルダを作成してビデオファイルとサムネイルファイルをおいてみる

 

とりあえずChromeとIE9では動いたけど、Firefox15.01では音が出ない上に、5秒過ぎると動画がとまってしまう。

ライブラリを最新の3.2.15に変えてみたけれどダメだった

うーん

追記 macのfirefoxではうまく動きました

初代ipadはフラッシュがないのでダメ 命令に.ipad()をつければ動くはずだけど・・・ プラグインが必要でした(詳細は↓)

Android携帯(Galaxy S)で動作確認 最大化もできるけど、コントロールが小さくて使いづらいかも

red5とかのストリーミングサーバーを使っていないのでシークはダウンロードした部分だけ

iPhone/iPadに対応させる

プラグインのダウンロード

flowplayer.org/plugins/javascript/ipad.html

プラグインが必要なので、上のページからダウンロード

public/javascriptsにいれる

application.html.erb

 モンキーパッチ

とりあえずライブラリ内のplayer.rbでjavascriptを実行しているところを探して、.iPad();をくっつける(1ヶ所)

初代iPadで動作確認した

ipad()メソッドをつけても普通のPCでも変わらず再生できる

 

*Chromeに動画プレイヤーがついているのに気づいた

Flowplayerもかなり高機能だが、こちらも軽くてキャッシュを賢く使うのでChromeを使う限りこちらのほうが使いやすい

-JavaScript, Railsで使えるGem
-, ,

執筆者:

関連記事

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …

no image

Rails3.2でOpenDocumentText(.odt)を作成~serenity

  これも途中経過デス   odtはOpenOffice.orgのwriterなんかの保存形式 serenityはerbライクなodtテンプレートから変数を利用して文書を作成してく …

Mac OSXにHyper EstraierのRuby Bindingをインストールする

By: Kanko* – CC BY 2.0 目次1 環境2 Hyper Estraierのインストール3 ソースのダウンロード4 パッチを適用する5 rvmのためにconfigureファ …

RailsでECサイト構築2 注文してみる~spree

  前提 RailsでECサイト構築~spree さっきは日本に発送できなかったので、最小限の設定をして注文から入金・発送までの一連の流れをみてみる 目次1 設定2 注文してみる3 入金・発 …

Ubuntu ServerのGuardからGrowl for Windowsにネットワーク経由で通知する

github.com/guard/guard 普段はWindows7から仮想環境(VirtualBox)のUbuntu Server 12.04.1へputtyで接続して開発してます. Virtual …