✎ web:flash:pseudo:example-2 [doku@ainoniwa]

この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。

====== プログレッシブダウンロードの実装例2 ======

  * [[..:example-1]]の頃には出来なかったシークに対応してみる。
    * 実装的にはもうこっちのパターンだけでいいよ...。

  * 動作確認環境
    * Ubuntu 10.04 server
    * apache2:2.2.14-5ubuntu8.4

  * 使用ソフトウェア
    * apache_mod_h264_streaming
      * 導入方法はwiki参照
        * http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming-Apache-Version2
        * どうでもいいことだが、URL中に.mp4が混じってると勝手にモジュール発動するから、"*.mp4.mp3"とか訳のわからない名前だと無効なファイルとか言われるよ。

  * 動作設定
    - flowplayer.pseudostreamingプラグインを入手。
      * http://flowplayer.org/plugins/streaming/pseudostreaming.html
    - HTML書きます。
      * <code><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?xml-stylesheet href="/lab/002/astral/tpl/default/main.css" type="text/css" ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
</head>
<body>
<div id="main">
<script type="text/javascript" src="/lab/002/astral/plugins/Movie/flowplayer-3.2.6.min.js"></script>
<div style="width:854px;height:480px;" id="player" class="movie"></div>
<script>
flowplayer("player","/plugins/Movie/flowplayer-3.2.7.swf",
    {
        clip: {
            url: "mov000458.mp4",
            autoPlay: true,
            autoBuffering: false,
            bufferLength: 5,
            fadeInSpeed: 5000,
            scaling: 'fit',
            provider: 'pseudo'
        },
        plugins: {
            pseudo: {
                url: "/plugins/Movie/flowplayer.pseudostreaming-3.2.7.swf",
                queryString:escape('start=\${start}')
            }
        }
    }
);
</script></code>
    - おわり。