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

執筆者:

関連記事

no image

Rails3でTwitter Bootstrapのサーチフォームを実装する~form_tag

目次1 git & gitolite2 仕組みを考える3 フィーチャの作成4 Viewの作成5 Controllerの作成6 Modelの作成7 テストが通らない!8 mergeして終わり g …

Rails5でコントローラーの記述を省略~inherited_resources

By: Simon Matzinger – CC BY 2.0 目次1 inherited_resources2 Gemfile3 使い方 inherited_resources inhe …

Yeomanで最新のJavaScript開発環境を最速で整える

環境 mac OSX Lion Yeomanは最新のJavaScript開発のための統合環境を提供してくれます yeoman.io/index.html 紹介動画 目次1 インストール2 さっそくアプ …

SASS/SCSSでButtonをカスタマイズするならSassy Buttonsが簡単

By: Meike Schönhütte – CC BY 2.0[/caption]   jaredhardy.com/sassy-buttons/ 目次1 Railsでのインス …

Rails4で複雑な検索〜Ransack

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