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

Ubuntu Server12.04でPhantomjsを使ってヘッドレステスト環境をつくる~phantomjs+guard-jasmine

目次1 phantomjs2 guard-jasmine3 Foreman phantomjs phantomjsはブラウザがないようなサーバー環境でもjavascriptのテストをやってくれる #3 …

Rails3.2でTwitterBootstrap導入のあれこれ

  目次1 sass-rails-bootstrap導入2 Layout関係3 Notification4 confirmをmodalにする5 SimpleForm導入6 kaminari導 …

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

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

vimでcoffee scriptの開発環境を整える~vim-coffee-script

環境 CentOS5.8にnodebrewでnode.jsをインストールを参考にubuntu server 12.04にnode v0.6.20をインストールした 目次1 coffee scriptの …

RubyでWikiをはじめる〜gollum

目次1 環境2 インストール3  ハロー Gollum4 Powでつかう5 情報 環境 Ruby 2.1.0 Mac OSX Mavericks インストール 自分の環境ではこれをいれとかないとインス …