Strobe Media Playback を利用して、動画にメディアプレイヤーを設置してみようと思います。Flash Media Playback を利用したやり方は、こちらをご参考ください。

Strobe Media PlaybackとFlash Media Playbackとの違い
両方とも、FLV、MP4動画をFlashで再生するメディアプレイヤーです。

• Strobe Media Playback
  アドビがオープンソースとして公開したもので、オリジナルのプレイヤーをデザインしたり、自前のサーバーに、メディアプレイヤーを設置することができます。開発の母体は、Open Source Media Frameworkです。
• Flash Media Playback
  ざっくり言えば、アドビが Strobe Media Playback をAdobe.comにホストして公開したものです。カスタマイズ性は低いですが、手軽に利用できる所が特徴です。

サーバーに、ホストするだけなら、Strobe Media Playback は、それほど難しくはありませんので、設定して試してみましょう。

Strobe Media Playbackをダウンロード
Strobe Media Playbackのサイトから、ファイルをダウンロードします。


StrobeMediaPlayback_1.6.328-full.zip をダウンロードします。解凍すると、ソースコードの srcフォルダとパブリッシュ済みの for Flash Player 10.1などがあります。


for Flash Player 10.1フォルダの中身を見ると、いろいろ入っていますが、とりあえず、フォルダ名を「StrobeMediaPlayback」にリネームしてFTPでサーバーにそのままアップロードします。


setup.htmlにアクセスすると、「Strobe.swf Setup page」画面が表示されます。ここで、動画ファイルの指定などパラメータの設定を行います。



既定では、サンプル動画のURLが指定されているので、画面下の「Preview and Update」ボタンをクリックするとPreview Player上に、オレンジシャツのお兄さんが出現します。





では、用意した動画で設定してみましょう。

動画の指定、ポスターフレームを設定する
＜Embed parameters＞
動画の縦横のサイズを指定します。
例）Width = 640、Height = 360

＜Flash Vars＞
動画ファイルの指定
例）src = https://bizvalley.co.jp/asset/01/bizvalley_pv.flv

ポスターフレームの指定
例）poster = https://bizvalley.co.jp/asset/01/poster.png

「Preview and Update」ボタンをクリックすると、設定が反映されます。


サンプル動画

そして、埋め込みコードを、HTMLに貼り付ければ完成です。Strobe Media Playbackを利用すると、メディアプレイヤーをサイト内に配置して配信をすることができます。

次回は、iframeを利用した方法を説明いたします。
https://bizvalley.co.jp/blog/2405.html

-

【正社員募集のお知らせ】
当社では、映像制作の経験がある方を広く募集しています。自らの発想力とコミュニケーション力を映像制作の現場で発揮したい熱意ある方からのご応募をお待ちしております。
詳しくは【人材募集】のページをご覧ください。※モバイルページでご覧の方はPC版のTOPにリンクがございます。