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 on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

By: Damian Gadal – CC BY 2.0 目次1 最初に2 Gemfile & bundle3 generate rb ファイル4 Modelに”ima …

Rails3.2とBackbone.jsでサーバーサイドのページネーション

By: Haldane Martin – CC BY 2.0   前提 Rails3.2とBackbone.jsでサーバーサイドのフィルタリング Rails3.2とBackbon …

no image

Private_pubでのJSON通信の方法

  前回 Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)   Gemfileへの追加とbundleの実行 privat …

Rails4で複雑な検索〜Ransack

By: eric molina – CC BY 2.0 株価データをつかって複雑な絞り込み検索ができるようにしてみた データは、こちらのサンプルを使わせていただいた datawarehou …

no image

Private_pub(Faye)の管理にForemanを使う~Foreman & Upstart

foremanはFayeサーバーのようにRailsのサーバーとは別プロセスで動くサーバー類をまとめて管理するgemだ 参考 railscasts.com/episodes/281-foreman?la