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
-, , ,

執筆者:

関連記事

Rails4.2で簡単にマテリアルデザインを使えるmatelializeを試してみた〜matelialize

By: Basheer Tome – CC BY 2.0 目次1 マテリアルデザイン2 matelialize3 Gemfile4 application.scss5 applicatio …

Refinery CMS3.0にBootstrap3.1を適用する

目次1 Gemfile2 Sprocketを設定3 application.htmlをoverrideする4 Grid Layout5 Navbar6 Panel7 Well8 できた Gemfile …

Rails3.2でページネーションをTwitter Bootstrapに対応させる~kaminari

github.com/amatsuda/kaminari 目次1 Gemfile & bundle2 設置3 テーマの作成 Gemfile & bundle [crayon-587ea …

no image

Mongoidで地理情報インデックスを使おうとしたけどうまくいかない

試したgem mongoid_geo mongoid_geospatial 試してないgem mongoid_spacial

Rails4とBootstrapをつかった動的なナビゲーションとパンくずリスト〜acts_as_nested_set

By: anko.gaku_ula – CC BY 2.0 目次1 Railscast2 acts_as_nested_set3 ヘッダーnav4 サイドメニュー5 パンくずリスト6 でき …