Reflectorを使って、iPhoneの表示を動画にしてWordPressに貼付ける

iPhoneの表示をそのまま動画にするには
Reflectorを使えば簡単です。
その動画をWordPressに貼付けもできます。

  1. JB(脱獄)しなくても動画を作れます
  2. 有料ですが、無料で10分試せます。
  3. PC(Mac or Windows)とWi-Fiが無いとできません
  4. PC と Wi-Fi が接続されている環境である事
  5. Wi-Fi と iPhone がつながる環境である事
  6. Apple TV は無くても大丈夫

Reflectorをインストール

 
Reflector はiPhoneのAirPlayを使ってPCにミラーリングするアプリケーションです。
ダウンロード先:http://www.airsquirrels.com/reflector/
このソフトは起動から10分間は無料で使えます
10分経つと警告が出るので終了させましょう。
そしてまたスタートすれば、また10分使えます。
購入しても、元がとれるくらいクールなアプリではありますが。
 
reflector_1
 
Macの場合ではダウンロードすると
Reflector.dmg ファイルができています
これをダブルクリックしてインストール
 
reflector_2
 
左のPCの絵を右のフォルダにドラッグするとインストールされます。
Application フォルダに Reflector.app があることを確認してください。
これをダブルクリックすると
Reflector が立ち上がるので、とりあえず「Try Reflector」をクリックします。
 
reflector_3
 

iPhone の設定

 
iPhone のスクリーン下から上にスワイプすると
コントロールが出てきます
この画面で「AirPlay」が出てきていれば直ぐに使えますが
「AirDrop」しかない場合は設定が必要です。
 
reflector_5
 
「設定」のアイコンを開きます
 
reflector_9
 
「Wi-Fi」がオフになっていればオンに設定
 
reflector_7b
 
「Wi-Fi」をオンにします
Wi-Fi環境が無い場合はできません
Wi-FiにPCが接続されている状態で
iPhoneもWi-Fiに接続できる状態である必要があります。
初めて設定する場合はWi-Fiのパスワードの設定などが必要です
 
reflector_8
 
これでもう一度スクリーンを下からスワイプして
コントロールセンターを開きます
「AirPlay」が現れたら成功です
あまりもたもたして10分以上たつと
Reflectorが停止していますので
もう一度立ち上げます。
 
reflector_12 
 
「AirPlay」をタップすると
接続されているPCがリストに出てきますので
それをタップ
ミラーリングと言う項目が現ます
 
reflector_10
 
ミラーリングをオンにすると
PCにiPhoneが表示されます
 
reflector_11
 

Reflector の設定

 
PC側には、ちょうどミラーリングした絵が見えます
 
reflector_20b
 
Reflector のメニューで「Preference」を選択
画面の大きさをiPhone5に合わせます
 
reflector_21
 
「Device」->「Start recording」で録画が開始します
 
スクリーンショット 2014-03-01 18.59.59
 
「Device」->「Stop recording」で録画を終了します
 
スクリーンショット 2014-03-01 19.00.41
 
保存先を指定します
 
スクリーンショット 2014-03-01 16.56.48
 

WorldPressの投稿に貼付け

 
作成された mov ファイルをWordPressに貼付けます。
幾つか方法があります。

  1. そのまま「メディアを追加」でもリンクが貼られ、動画を再生できますがファイル名のリンクとなり、よくある画像でのリンクではありません。
  2. YuTubeに投稿して、それを埋め込んむやり方
  3. プラグインを使って埋め込む(今回はこれを説明)

FLV Embed をプラグインします
mov ファイルを flv と拡張子を変えて、通常の「メディアを追加」で
FLV のフォーマットになります。
 
video width, height をアスペクト比を維持しながら
好みの大きさに修正します。
 
video width=”406″ height=”720″から半分にする
video width=”203″ height=”360″
 

 
ballRun
こんな感じで動画を投稿できました。
 

ページのトップへ戻る

シェアする

  • このエントリーをはてなブックマークに追加

フォローする