JavaScript Railsで使えるGem

Railsで動画ファイルを管理する~CarrierWave Flowplayer

投稿日:

 

参考

Ruby on Rails 3.2でファイルアップロード〜CarrierWave & RMagick

Rails3で動画配信を試用~flowplayer

環境

Ubuntu Server 12.04

ruby 1.9.3 p194

rails 3.2.8

 

CarrierWaveとFlowplayerを使って、ファイルをアップロードして動画を再生できる環境を作成する

スケルトンを作成する

どんな環境でもいけるようにデータベースはデフォルトのSqlite3にする

CarrierWaveを導入する

Gemfile

bundle

generate

scaffold

model

item.rb

view

_form.html

ファイルアップロード用に改変

試す

ファイルがアップロードできるか試してみる

.gitignore

アップロードしたファイルは無視するようにする

validation

uploaders/video_uploader.rb

item.rb

試す

validationが機能しているか試してみる

 

Flowplayerを導入する

Gemfile

昨日の教訓を生かしてgitから最新版を導入する

bundle

generate

 include javascript

assetsに入れたほうがいいのかな?

view

今回はこんな感じで

aタグでリンクをつけても認識される

でもリンクをクリックしないとプレイヤーも表示されない

stylesheet

 

 試す

 

 

15分くらいで動画ファイルのCRUDができてしまった

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

執筆者:

関連記事

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

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

全文検索エンジンGroongaをRubyから利用するライブラリのチュートリアルをやってみた〜rroonga

By: Kevin Jarrett – CC BY 2.0 目次1 Groonga2 Groongaのインストール3 rroongaのインストール4 チュートリアルの開始5 データベースの …

Rails3.2とBackbone.jsでGoogle CalendarライクなカレンダーにCRUD(後編)~fullcalendar-rails

目次1  前回2 UPDATE1~バグの訂正3 UPDATE2 ~ ドラッグとリサイズでデータ更新4 DELETE~イベントの削除5 バグがあった → 解決しました!6  herokuにサンプルアップ …

backbone-relationalで関連するコレクションをRails3.2のAPIに投稿〜accepts_nested_attributes_for

By: Mike Baird – CC BY 2.0   backbonerelational.org/ Backbone-relationalを使って関連するコレクションをまと …

Rails4でフォーム要素を動的に追加したり削除したり〜nested_form

目次1 参考2 前提の環境3 Gemfile4 View5 Controller6 できた7 パーシャル化8 フォームを追加する場所を指定する9 一対一の場合10 そのほか11 番外編: 1つのモデル …