差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 次のリビジョン | 前のリビジョン | ||
|
web:flash:pseudo:example-2 [2011/07/21 17:44] yuki 作成 |
— (現在) | ||
|---|---|---|---|
| ライン 1: | ライン 1: | ||
| - | ====== プログレッシブダウンロードの実装例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> | ||
| - | - おわり。 | ||
