差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
両方とも前のリビジョン 前のリビジョン | |||
web:flash:pseudo:example-2 [2021/09/04 20:20] 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="default.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="/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> | ||
- | - おわり。 | ||