Moyea PlayerBoxでプレイリスト付きWebプレイヤーの作成

Moyea PlayerBoxでプレイリスト付きWebプレイヤーの作成
 
Moyea PlayerBoxはパーツを組み合わせてオリジナルの
Web用Flashプレイヤーを作成出来るソフト
(2012.01.13作成)
Moyea PlayerBoxは、ボタンなどのパーツを組み合わせてWebページに設置するFlash製の
FLVプレイヤーを作成出来るソフト。Windows 2000/XP/Vistaに対応し、Windows 7でも使用

可能。
再生、停止、ミュート、プレイリスト、フルスクリーン等のボタンやシークバー、動画表示部とい
ったさまざまなパーツをドラッグ&ドロップで配置するだけでWeb用FLVプレイヤーを作成可能。
パーツの枠をドラッグすることで各パーツの大きさや向きも簡単に変更出来る。モデルのテン
プレートを利用すれば、簡単に迅速に作成する事が出来る。又、プレイリストを使って複数の
動画を再生するプレイヤーを作成する事も可能だ。
そこで、本ソフトの使い勝手について、ツアー旅行での各シーンをプレイリストで紹介する場合
を例に試用してみた。
検証OSは、64 ビットWindows 7 Professional SP1

 Moyea PlayerBox のインストール
 Moyea PlayerBoxの入手先:こちらから、今回はv. 2.0.1.1157(2009年10月28日)を使用。
  本家からダウンロードするにはメール登録が必要だが・・・
  商用利用で無い場合に限り無料で使用が可能。
  playerbox_free.exeをダブルクリックしてインストール。インストール途中で迷うところは無いが、
  起動後直ちにアップデートの可否を尋ねられる。
  許可すれば2012年01月13日の時点では2.0.1.1182にアップデートされ、
   Moyea PlayerBox Trial-2.0.1.1182-Setup.exe(ここから入手可能)がダウンロードされた。
 
 
 Moyea PlayerBox の編集操作
I.前準備
 前もって、自作のビデオとイメージ(サムネイル用と最初に表示する画像)ファイルを用意
 しておく。
 ビデオは、H.263, H.264, F4V及びVP6圧縮のFLVファイルのみに対応している。今回は、
  XMedia RecodeでMPEG2から変換したH.264_ACC圧縮のFLV(720x408、750kbps)を
  6個用意した。
 画像ファイルは、JPGのみ対応しているようでBMP, GIF, PNG及びTIFは読み込めない。
 
起動するとプロジェクト登録画面が表示される。一から編集する事は大変なので、最上段の
テンプレートを流用する事とする。
 
「Open」すると当テンプレートのプロジェクトが読み込まれて編集画面が表示される。
II. Web用FLVプレイヤーのカスタマイズ
=編集操作の概要=(窓の杜より引用)
 画面は4ペインに分割されており、右上ペインに並んだパーツを左上ペインで配置してプレイ
 ヤーをデザインする。左下ペインには選択したパーツの詳細情報が表示され、右下ペインに
 は使用しているパーツがツリー状に表示される仕組み。
 右上ペインのパーツは、カテゴリー
 毎にタブで分類されており、カテゴリーによっては展開・格納されるリストでさらに細かい分類
 が行われている。例えば、ボタンのカテゴリーでは、再生・停止・ミュート・フルスクリーン表示
 たボタンが用意されている。
 左下ペインでは、パーツの位置などを数値で細かく指定する事
 といっが可能。更に、パーツの透明度を変更することも出来る。又、右下ペインでは右クリック
 メニューから、他のパーツの後ろへ回ってしまったパーツを前面に出すといった操作が可能。

 流用したテンプレートの画面サイズは380x286で、コントロールバーの高さは43ピクセルとなっ
 ているのでビデオサイズは380x243の素材なのだ 。
 
実物大表示
今回用意したFLVファイルのサイズは720x408なので、画面サイズを720x(408+43+1)に拡大
 して、以下の調整をした。
 
実物大表示
<調整1>そのままだとビデオの上と右に黒枠が出きてしまうので、Topは-1.000に、Right
   Spaceは0.000に変更し調整した。
 
実物大表示
<調整2>プレイリストサムネイルはそのままだとタイトル名が表示されないので、右上ペイン
   のパーツ:Playlistと入れ変えた後に大きさを調整した(透明度:Alphaは100のままとした)。
  又、ScrollleftとScrollrightのパーツを追加した。
  詳細設定では、スクロールスタイル(endpoints, alwaysとno)、プレイリストのスタイル(slide
  , fisheyeとnone)、サムネイルフレーム枠の色等を変更する事が可能となっているが、今
  回は変更しないままとした。
  なお、このPlaylistは5個のサムネイル表示仕様となっており、変更する方策が解らない?
 
実物大表示
  「Image」タブではイメージ画像の大きさ等の変更やプレイリストの表示を自動で隠す事も可能だ
   が、今回はそのままとした
 
  なお、サムネイルのタイトル名に日本語を使用するので念の為に「Text」タブでFontを"Verdana"
   →"MS UI Gothic"に変更し、Text Height:22、文字色は白色とした。
 
上段の「Preview」ボタンをクリックすると、ソフトに内臓されているテンプレート素材でWebプレイ
 ヤーが動作する様子をプレビューする事が可能。

III.プレイリストの編集と出力
 Webプレイヤーの体裁を確認して設定が完了したら、「Publish」ボタンをクリックして以下の如く
 自前の素材を登録して自作のWebプレイヤーを作成する。
  「Add Video」ボタンから自前のFLVファイル(今回は6個)を一括登録する。Down/Upボタンで
   順序を変更する事が可能。
  「Caption」欄で、プレイリストのタイトル名を日本語で入力し直した(但し、再生時の表示は
   今回の設定画面サイズのText Height:22では8個の2バイト文字迄しか表示出来ない) 。
  「Thumbnail」欄のプルダウンメニューで[Custom..]を選択して、各々用意しておいた画像を
   選択し、First Imageg画像も指定した(「Auto」を選択してもイメージ画像を自動で作成して
   くれる訳ではない)。
   Play Modeは、SinglePlay, OderPlay, RepeatAll, RepeatOne及びRandomAllから選択可能
   となっている(今回は変更せずにOderPlayerとして連続再生様式とした)。
  出力先フォルダ、出力ファイル名(myPlayer)も初期設定のままとした。
  「Add URL」ボタンから広告用のロゴ付きハイパーリンクを追加可能だがパスした。
  なお、「Add from Media」の使用方法は解らず解明出来ていない。
 
登録と設定が完了したら、「Next」ボタンをクリック。続いて「Publish」ボタンをクリック。
 新規にエンコードする訳ではないので作成は短時間に完了する。
 
パブリッシュ・ウィザードが完了すると下の画面が表示される。
 「Play」をクリックすると、ソフト搭載のスタンドアロンタイプのMoyea FLV Playerで再生される。
 
 「Open Export Folder」をクリックすると、出力先フォルダにWebページへ設置するためのHTML
  ファイルやSWF(プレイヤー)ファイル、MMPL(プレイリスト)ファイル等が生成されている。
  First Imageg.jpgは出力ファイル名(myPlayer.jpg)に変更される。
  これら一式をサーバにアップすればWeb配信が可能だ。
  *Flash SWF用HTMLパラメーターの記述方法については、本家のガイド(英文)を参照。
 
   myPlayer.mmplファイルは、メモ帳で開いてプレイリスト内容を編集する事が可能となっている。
 

<?xml version="1.0" encoding="UTF-8"?>
<mxplayer_playerlist ver="1" name="new playlist"><playlist_items>
<item type="1" videoURL="myPlayer.playlist/Alberobello.flv"
thumbnail="myPlayer.playlist/Alberobello.jpg" rtmpConn="">アルベロベッロ</item>
<item type="1" videoURL="myPlayer.playlist/Capri.flv" thumbnail="myPlayer.playlist/
Capri.jpg" rtmpConn="">カプリ島</item>
<item type="1" videoURL="myPlayer.playlist/Villarufolo.flv"
thumbnail="myPlayer.playlist/Villarufolo.jpg" rtmpConn="">ヴィッラ・ルーフォロ</item>
<item type="1" videoURL="myPlayer.playlist/Pompei.flv"
thumbnail="myPlayer.playlist/Pompei.jpg" rtmpConn="">ポンペイ遺跡</item>
<item type="1" videoURL="myPlayer.playlist/Caserta.flv"
thumbnail="myPlayer.playlist/Caserta.jpg" rtmpConn="">カゼルタ</item>
<item type="1" videoURL="myPlayer.playlist/Museum.flv"
thumbnail="myPlayer.playlist/Museum.jpg" rtmpConn="">ナポリ博物館</item>
</playlist_items></mxplayer_playerlist>

    myPlayer.mmplをダブルクリックすると、スタンドアロンタイプのMoyea FLV Playerが起動し
    て再生される。
 
実物大表示
    *再生後、ゴミ箱にサムネイルファイル入りの「{067B8DF4-8471-4E91-B....}.thumbNails」
      フォルダが排出され、お気に入りフォルダに「MoyeaMedia」フォルダが作成される。
    *本プレイヤーはFLVファイル単体を再生出来る仕様にはなっていないが、お気に入りに
     登録したり自由にプレイリストを作成して利用する事が可能なようだ ?(゜_。)?
     (本家の2. Edit the playlist with Moyea..を参照)。
 
 結果
1)Moyea PlayerBoxは、水面に浮いたようにスクロール可能な見栄えの良いプレイリスト付
 きWeb用FLVプレイヤーを簡単に作成出来る。又、プレイリストのタイトル名は日本語で表
 示可能だ。
2)編集したプロジェクトの保存は可能となっているが、パブリッシュ・ウィザードで編集した
  自作Web用Flashプレイヤーの編集内容を上手く保存出来ない。
3)リリーズ日が2009年12月と古い為、ビデオの対応ファイル形式はFLVのみとなっており、
 Flash Playerは9.0.115.0以降MPEG-4 AVC/H.264に対応しているが利用出来ない。
4)プレイリストのタイトル名は二段表示が出来ず字数が限られてしまう。コメントを挿入する
 機能は搭載していない為、説明文が必要な場合には利用し難い。
5)Web配信試験(From iDisk.Mac)
 画面の表示サイズを縮小(ビデオのサイズを720x408 →540x306に指定)して提示した。
 *縮小表示する為にはパブリッシュ・ウィザードで編集し直す必要がある。出力したSWF
   ファイルを別名にして同じフォルダに配置し、HTMLでparam name="movie" value= に
   これを指定(MMPLファイル、playlistフォルダとFirst Image画像は共有)する。
 
 
視聴するには、Flash Player 8以降が必要です。
FastStart再生可能。フルスクリーン表示も可能。プレイリストサムネイルの表示をON/
OFF可能。
 
南イタリアツアーの
観光地六選を
プレイリスト表示
(750kbps)
Xsrvは ここから入場

自宅サーバは  こちら



| Kenのムービー計画へ >動画狂コーナーへ |