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

執筆者:

関連記事

Rails3.2で位置情報を日本語表示の住所に変換する~geocoder

ついにブログ記事が100件突破した! そのうちメニュー項目などをわかりやすく構成し直したいと思う いまはRailsのプログラムが楽しくて仕方ない時期なので色々と試して書き溜めたいと思う EverNot …

Rails3でajaxでD&Dでまとめてファイルアップロードをスクラッチで~jQueryFileUpload for Rails

参考 Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails Rails3でajaxでD&Dでまとめてファイルアップロード2 …

no image

Railsで使える便利なナビゲーション~simple-navigation

Ruby+guardでSass+Compass+CoffeeScriptの自動コンパイル環境を整える

    Ubuntu12.04.1でCoffeeScriptの自動makeとブラウザの自動リロード~guard-coffeescript すでにCoffeeScriptを自動Mak …

連続的な位置情報の取得とHerokuへのアップ~HTML5 Geolocation API

  目次1 連続的な位置情報の取得2 heroku3 結果 連続的な位置情報の取得 連続的な位置情報の取得はこんなかんじで書いてみた [crayon-58dc8e533e01c7148433 …