Flashの利用範囲が拡大していますが、Actionscriptが知らない方とASをそんなに好きではない方も多いと思います。では、Flash製のビデオを自分のブログやサイトに搭載してほしい場合はなにを使ったほうが良いでしょうか。

今回紹介する「Flivpee」というものは、JavaScriptを使って、複数の動画をプレイリストのように並べて順番に再生できるオープンソースのソフトウェアです。アニメを順番に再生したり、関連ある動画を一覧する際に便利そうです。

JavaScriptを使って行うので、その点でもFlash記述がない分、シンプルに作ることができます。CSSを利用してプレヤーをカスタマイズも可能です。使用方法も簡単です。Flivpee

[使用方法]

１）、公式サイトから最新版のFlivpeeをダウンロードして自分のサイトにアップロードする（そのフォルダはINSTALL_DIRが呼ばれる）

２）、ページの<head>に以下のようのソースを追加する

  1. <script type=”text/javascript” src=”INSTALL_DIR/swfobject.js”></script>
  2. <script type=”text/javascript” src=”INSTALL_DIR/flivpee.js”></script>
  3. <link rel=”stylesheet” href=”INSTALL_DIR/flivpee.css” type=”text/css” />

３）、そのページの<body>の中に、適当なところに下記のソースを追加する

  1. <div id=”player”></div>
  2. <script type=”text/javascript”>
  3.         var player = new Flivpee( “flivpee/flivpee.swf”, “480″, “360″, “#000000″, false, false );
  4.         player.write( “player” );
  5. </script>

４）、以下のようのソースでビデオファイルをプレイする

  1. <a onclick=”player.play(’/some/video.flv’)”>
  2.         Play the video.
  3. </a>

[関連リック]
・http://code.google.com/p/flivpee/
公式サイト

メインコンテンツEND ■
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Posted on Thursday, 18th June 2009 by admin

Tags: , , ,
Posted in Ajax/JavaScript, Flash Project | Comments (1) | 1,807 views

One Response to “Flivpee: JavaScriptを使ってFlash製の動画再生オープンソースのソフトウェア”

  1. Movie Masher: ActionScript 3ベースのオンラインビデオエディタ | DigiTechLog Dot Com Says:
    June 19th, 2009 at 2:24 pm

    [...] 前回はJavaScriptを使ってFlash製の動画再生オープンソースのソフトウェアの「Flivpee」というFlash製の動画再生プレヤを紹介しました。今回はプレヤではなくて、ActionScript 3をも基づいて、 [...]

Leave a Reply