今日、ビデオファイルはWebページに追加されるため、FLVビデオプレーヤーflvplayer.swf 1を調査しました。htmlファイルに直接読み込みます。
コードコピーは次のとおりです。
<div id = flashfile>
<オブジェクトタイプ=アプリケーション/x-shockwave-flash width = 470px height = 403px
data = flvplayer.swf?file = movies/company.flv>
<param name = movie value = flvplayer.swf?file = movies /company.flv&showfsbutton = true&autostart = true />
<param name = wmode value = transparent />
<param name = quality value = high />
<param name = approakfullscreen value = true />
</object>
</div>
2。JavaScriptを使用して動的にロードします。
コードコピーは次のとおりです。
<script type = text/javascript>
関数playflv(filename){
var videoName = filename; //ビデオファイル名
var floder = video; //フラッシュビデオが保存されているフォルダーは、flvplayer.swfファイルの場所に関連していることに注意してください(画像/flvplayer.swf)
var div = document.getElementById(flvplaydiv);
div.innerhtml = <img src = 'images /wait.gif' /> div.style.display = none;
var result = <table align = 'center'> <tr> <td align = 'center'> <object type = 'application/x-shockwave-flash' width = '470px' height = '403px';
result + = data = 'images / flvplayer.swf?file = + floder + / + filename +'>;
result + = <param name = 'movie' value = 'image /flvplayer.swf?file = + floder + / + filename +&showfsbutton = true&autostart = true' />;
result += <param name = 'wmode' value = '透過' />;
result += <param name = 'quality' value = 'high' />;
result += <param name = 'Aldowfullscreen' value = 'true' />;
結果 += </object> </td> </tr> </table>;
div.innerhtml = result;
div.style.display = inline; // divディスプレイメソッド
}
</script>
次のコードをボディエリアに追加します。
コードコピーは次のとおりです。
<ボタンID = kkタイプ=ボタンonclick = playflv( 'company1.flv')> play 1 </button>
<br /> <ボタンid = k2タイプ=ボタンonclick = playflv( 'company2.flv')> play 2 < /button>
<div id = flvplaydiv> </div> <! - ビデオ再生のためのdivエリア - >
中国語のJW FLVプレーヤーオンラインFLVプレーヤー
使用方法:FLVファイルを再生する必要がある場合[Video.Flvなど]、video.flvとflvplayer.swfを圧縮パッケージにコピーして同じディレクトリにコピーして、ページに追加するだけです。
プログラムコード
<オブジェクトタイプ=アプリケーション/x-shockwave-flash width = 400 height = 220
wmode =透過データ= flvplayer.swf>
<param name = movie value = flvplayer.swf />
<param name = wmode value = transparent />
<object/>
flvplayer.swfは、同じディレクトリでvideo.flv再生を自動的に見つけます。 FLVPLAYER.SWFの後にFLVファイルのURLを追加して再生することもできます。この方法は次のとおりです。
プログラムコード
<オブジェクトタイプ=アプリケーション/x-shockwave-flash width = 400 height = 220
wmode =透明なデータ= flvplayer.swf?file = movies/holiday.flv>
<param name = movie value = flvplayer.swf?file = movies /holiday.flv />
<param name = wmode value = transparent />
</object>
file = movies/holiday.flvはパラメーターであり、相対的または絶対的なアドレスを使用できます。
その他のパラメーター説明:
ロード時にビデオを自動的に再生する必要がない場合は、AutoStartパラメーターを使用できます
例
プログラムコード
<オブジェクトタイプ=アプリケーション/x-shockwave-flash width = 400 height = 220
wmode =透過データ= flvplayer.swf?autostart = false>
<param name = movie value = flvplayer.swf?autostart = false />
<param name = wmode value = transparent />
</object>
複数のパラメーターを混合方法で使用でき、効果的なパラメーターリスト:
プログラムコード
ファイル(FLVファイルのアドレス)
AutoStart(自動再生が許可されているかどうか、TrueまたはFalse)
画像(再生されていないときのプレビュー画像、JPEG形式のみをサポート)
繰り返し(繰り返し再生するかどうか)
ClickText(最初に表示されるテキストはクリックしてデフォルトで再生されます)
以下は3.12バージョンhttp://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zipこれは3.12バージョンです
このドキュメントには、JWMP3プレーヤー、JW FLVPLAYER、JWメディアプレーヤー、JWイメージローターのインストール方法と構成方法が含まれています
法
JWプレーヤー3.12ドキュメント
1.インストール(サイトに埋め込まれています)
2。パラメーター(構成)
基本パラメーター
カラーパラメーター
インターフェイスパラメーター
再生パラメーター
インタラクティブなパラメーター
3。プレイリスト
4.カスタマイズ
5。サポート
クイック構成、構成ウィザードを実行します
1。インストール
ダウンロード後、テキストまたはHTMLエディターで開いたときに例を取得できます。SWFが短い作品であることがわかります。
ページに埋め込まれたJavaScript。このJavaScriptは、Geoff Stearnsによって書かれたswfobject.jsで、フラッシュの必要性を解決します
人生のトラブル。 SWFをサイトにコピーするときは、swfobject.jsをコピーすることを忘れないでください。そしてページ上
次のコードを頭に追加します
プログラムコード
<スクリプトタイプ= text/javascript src = swfobject.js> </script>
swfobject.jsの助けを借りて、必要なパス、幅、高さ、背景色、および必要なフラッシュプレーヤーのバージョンを簡単に設定するか、SWFを構成するためにパラメーターのセットを設定できます。ページが読み込まれると、JavaScriptはIDに従ってページのノードを置き換えます。
プログラムコード
<P id = player> <a href = http://www.macromedia.com/go/getflashplayer> get flash </a>このプレイヤーを見る。</p>
<script type = text/javascript>
var so = new swfobject( 'mediaplayer.swf'、 'player'、 '400'、 '400'、 '7');
so.addparam(Allowfullscreen、true);
so.addvariable(file、test.flv);
so.addvariable(displayheight、300);
so.write( 'player');
</script>
JavaScriptを使用できない状況(BSPなど、MySpaceなどのサポートはありません)では、埋め込みを使用してSWFを挿入できます。
swfはこのサーバー上にあることはできませんが、XMLプレイリストを使用する必要がある場合は、XMLがSWFと同じサーバーにある必要があり、そうでなければセキュリティの問題により編成されるため、問題がある可能性があります。 mp3、jpg、flvはこのサーバー上にありません。
プログラムコード
<埋め込みsrc = http://www.myfileserver.com/folder/mediaplayer.swf width = 400 height = 400
type = application/x-shockwave-flash pluginspage = http://www.macromedia.com/go/getflashplayer
flashvars = file = http://www.myfileserver.com/folder/test.flv&displayheight = 300/>
2。パラメーター
これらのパラメーターは、HTMLに埋め込まれたプレーヤーの動作と外観を構成できます。 swfobject.jsを使用する場合、addvariable()メソッドを使用して構成できます。埋め込みメソッドを使用する場合、FlashVars属性を定義して変数を構成できます。 &記号を使用してこれらの変数を分割することに注意してください。
同じことが言えます *でマークされたJW画像回転子
基本的な変数
displayheight(number):ディスプレイ領域の高さ。制御エリアの最小高さは20pxです。この値がSWFの高さ以上の場合、プレイリストは自動的に非表示になります。そうしないと、これが表示されます。
ファイル*(url):再生されるファイルのアドレス。単一のファイル再生(mp3/flv/rtmp/jpg/swf/png/gif)をサポートし、プレイリストもサポートします。 JW画像回転子はリストのみをサポートしています
高さ*(番号):SWFの高さを設定します。埋め込みを使用して挿入するとき、それは埋め込まれたプロパティに設定されています。しかし、時には(特にIEを使用する場合)高さが不確かになり、レイアウトに影響します。現時点では、このパラメーターを設定する必要があり、この値の単位はPXです
Image(URL):MP3とFLVを再生するとき、この値を介してプレビュー画像をアルバムカバーとして設定し、JPG/SWF/PNG/GIFファイルをサポートできます。各アイテムをプレイリストに設定することもできます。
shownavigation*(true、false):このパラメーターは、JW画像回転子によってのみサポートされています。画像ナビゲーションを表示または非表示にするために使用されます。
トランジション*(フェード、BGFADE、ブロック、バブル、円、流体、線、ランダム、スローフェード):このパラメーターは、JW画像回転子によってのみサポートされています。画像置換の効果を設定するために使用されます。ランダムに設定すると、効果がランダムに設定されます。デフォルト値はフェードです。
width*(number):SWFの幅を設定し、もう1つは高さと同じです。
カラー変数
BackColor*(色):プレーヤーの背景色を設定します。 JWメディアプレーヤーなどは、デフォルトで0xfffff(白)JWイメージ回転子、デフォルトは0x000000(黒)になります。
fontcolor*(色):テキストとボタンの色を設定します。 JWメディアプレーヤーなどは、デフォルトで0x000000(黒)JWイメージ回転子、デフォルトは0xfffff(白)になります。
LightColor*(色):活性化された状態の色を設定します。デフォルトは0x000000(ブラック)で、デフォルトはJWイメージ回転子です。デフォルトは0xcc0000(赤)です。
インターフェイスパラメーター
AutoScroll(True、False):プレイリストが長すぎると、デフォルトでスクロールバーが自動的に表示されます。この値が「true」に設定されると、プレイリストはマウスに従って自動的にスクロールされます。
DisplayWidth(ピクセル数):ディスプレイ領域の幅を設定します。設定が比較的小さい場合、プレイリストは底部ではなくディスプレイ領域の右側に表示されます。
kenburns*(true、false):運動中にKB効果を達成するために使用されます。画像が大きく、インターネットの速度が高速である場合は、オンにすることをお勧めします。協力するためにSlowFadeに移行を設定することをお勧めします。
largecontrols(true、false):この値をtrueに設定して、コントロールエリアのボタンを拡大します。視力が悪いユーザーのためにそれを開くことをお勧めします
Logo*(URL):右上隅の透かしとして画像を設定し、すべての画像形式をサポートし、透明レイヤーの最適なPNG効果をサポートします。
overstretch*(true、false、fit、none):表示領域に画像/ビデオのズームを設定します。ディスプレイ領域に適合するために、真の等しい割合ストレッチングが使用されます。 falseはディスプレイ領域のみを伸ばします。フルスクリーンディスプレイをフィットします。元のサイズを表示するものはありません。 JWメディアプレーヤーなどはデフォルトでフィットし、JWイメージローターはデフォルトで偽りです
showdigits(true、false、total):再生時間やその他の情報を非表示にするには、制御エリアのスペースを節約します。合計に設定して、すべての時間を表示します。
showdownload(true、false):この値を設定して、コントロール領域にダウンロードボタンを表示します。リンクで設定されたアドレスへのリンク。
showeq(true、false):誤ったオーディオの変動効果を表示するために使用されます。 mp3を再生するとき、あなたは良い効果を得ることができます
Showicons*(true、false):表示領域の中央に写真を表示または非表示にするために使用されます。 JWメディアプレーヤーなど。デフォルトはtrueになります。 JW画像回転子はデフォルトでfalseです。
showvolume(true、false):ボリューム制御ボタンを表示するかどうかを設定するために使用されます
thumbsinplaylist(true、false):プレビュー画像がリストに表示されているかどうかを設定します
再生パラメーター
AutoStart(True、False、Muted):Tureに設定すると、ページはロード後に自動的に再生されます。ミュートに設定すると、サイレントモードで自動的に再生され、ディスプレイエリアの中央にミュートアイコンがあります。 bufferlength(number):flvのキャッシュ時間を設定します。デフォルトは3秒です
繰り返し*(true、false、list):デフォルトはフレーズであり、現在の再生位置からリストの最後まで再生した後に停止します。リストに設定すると、リスト内のすべてのアイテムが再生され、trueに設定されます。ループを再生します。
RotateTime*(number):画像の表示時間を設定します。 JWメディアプレーヤーなどはデフォルトで10秒になり、JW画像回転子はデフォルトで5秒になります。
shuffle*(true、false):falseに設定して順次再生し、順調に再生するように設定
smoothing(true、false):falseに設定して、ビデオの平滑化処理をオフにします。より良い結果を得るために真で設定することをお勧めします。しかし、大きな画面または低構成マシンにfalseを設定することは有益です。
Start*(2番目):RTMPまたはHTTPストリーミングメディア(型破りなFLV/MP3)を使用する場合、この変数を使用して開始位置を正確に見つけます。このパラメーターは、ファイルセクションを正確に設定するためにXSPE形式リストに設定されています。
ボリューム*(番号):ボリュームを設定し、デフォルトは80になります。
インタラクティブなパラメーター
Audio*(URL):このパラメーターを使用して、MP3ファイルを別のオーディオとして追加します。これは、画像のバックグラウンドミュージックの説明などとして使用できます。
bwfile(url):帯域幅の検出に使用されるファイルのアドレスは、画像またはRTMPストリーミングメディアを置くことができます。ローンの価値は、右クリックメニューで表示できます。
bwstreams(ビットレートのコンマ分離リスト):
bwfileと組み合わせて使用して、帯域幅の値に従って異なるファイルを選択します。たとえば、video.flvを再生し、このアイテムの値を100,250,500,1000に設定します。プレイヤーが帯域幅が349kbpsであることを発見すると、video_250.flvが再生されます。そのため、プレイリストを使用しても、効果的な命名設定があり、自動的に切り替えます。
Callback(URL):このパラメーターをServerプログラム(PHP/ASP)アドレスに設定して、データを渡します。各アイテムが再生されて停止すると、データがサーバーに送信され、再生統計がサーバー側に保存されます。
キャプション(URL):この値を設定して、テキスト形式で字幕としてテキストをロードします。 Smil FormatとDVD形式をサポートするプレーヤーから字幕。 FLVファイルに組み込みのフォントがある場合は、キャプションに値を設定できます。マルチチャネル字幕がある場合は、この値をCaptionate0、Captionate3などに設定できます。各アイテムの値をリストに設定できます。
enablejs*(true、false):JavaScriptのサポートを有効にするようにTRUEに設定します。オンライン使用はサポートされています。 JavaScriptは、再生を制御し、メディアをロードし、現在の再生項目に関する詳細情報を取得できます。
FSBUTTONLINK(URL):ユーザーのFlashPlayerバージョンが(9.0.28)よりも高い場合、プレーヤーはフル画面ボタンを自動的に表示します。この値を設定することにより、フルスクリーンディスプレイの別のページにリンクできます。サーバーは、ファイルを再生するように設定できます。
ID(文字列):プレーヤーの一意の識別子。サーバーに返されます。
JavaScriptid*(String):ページに複数のプレーヤーがいる場合は、このパラメーターを設定して各プレーヤーに別のIDを提供して、JavaScriptで簡単に制御できるようにすることができます。彼はgetUpdate()イベントに返されます。
リンク(URL):このパラメーターを使用して現在のバージョンを設定するか、ユーザーにこのアドレスを介して現在のアイテムをダウンロードさせます。この値は、プレイリスト内の各アイテムに対して設定できます。
linkfromdisplay*(true、false):表示領域がクリックされたときにページにアクセスするように設定します。デフォルトでは、ディスプレイ領域がクリックされると、再生/一時停止操作が実行されます。
linktarget*(frame):linkターゲットを設定し、_ selfが現在のページで開きます。 _blankは新しいページで開きます。
StreamScript(URL):このパラメーターを「擬似ストリーミング」FLVファイルと互換性があるように設定します。
タイプ(MP3、FLV、RTMP、JPG、PNG、GIF、SWF、RBS、3GP、MP4、M4V):プレーヤーは、ファイル名の最後の3文字に基づいてタイプを判断します。このメソッドは、サーバー側の言語を使用してリダイレクトするときに機能しなくなります。したがって、このパラメーターを設定して、プレーヤーにファイルタイプを伝えることができます。各アイテムをプレイリストに設定することもできます。プレーヤーがファイルタイプを見つけることができない場合、プレイリストとして認識されます。
useaudio(true、false):falseに設定してサイレント状態に変更します。
usecaptions(true、false):sulttlesを非表示にするためにfalseに設定します。
heantyscreen(true、false):FlashPlayer9のフルスクリーンモードを使用したくない場合。 FSButtonLinkパラメーターは、フル画面ボタンのイベントを置き換えるように設定できます。
usekeys(true、false):falseに設定してキーボード操作をキャンセルする(スペース、上、下、左、右)
注:文字を?=&に転送する必要があります。 ? →%3f、=→%3d、&→%26。ファイル変数がgetPlayList.php?id = 123である場合、getPlayList.php%3FID%3D123に設定する必要があります。
プレイリスト
プレイリストにアイテムが1つしかない場合、プレーヤーはシングルファイル再生モードで再生されます。プレーヤーは、ファイル名に基づいて単一のファイルをプレイリストファイルと区別します。ファイル名test.mp3でファイルをロードすると、拡張機能がmp3であるため、プレーヤーは単一のファイル再生モードを使用してmp3を再生します。ファイル名がgetList.phpの場合、プレーヤーはこれがプレイリストであると考えるでしょう。動的スクリプトを使用して、
プレーヤーは、普遍性を確保するために、一般的に使用される3つのプレイリスト形式をサポートします。 XSPF、RSS、Atom。
プレーヤーがサポートするXSPF/RSS/Atomリストの共通ラベル。
シート
*Image Rotatorは、プレイリストの最初の「オーディオ」アイテムのみをサポートし、再生するためのバックグラウンドミュージックとして使用されます。プレイヤーはすべての音楽アイテムを再生します。
**カテゴリ要素を使用して広告をサポートできます。値をプレロール、郵便またはオーバーレイに設定できます。
Link Playlist内の単一のアイテムの値を使用して、広告アドレスになります。
***開始要素は、XSPFのプレイリスト形式によってのみサポートされています。この要素は、ストリーミングメディアファイル(HTTPまたはRTMP)の開始位置を秒単位で設定するために使用されます。
**** XSPFリスト形式の位置要素に一般的な拡張機能(MP3やFLVなど)が含まれていない場合、Meta要素を使用してファイル形式を指定できます。 (<meta rel = 'type> mp3 </meta>など)。 RSSとATOMを使用する場合、ファイル形式はMIMETYPEに従って自動的に認識されます。
RTMPストリーム、追加のID flashvarも送信する必要があります。例:file = rtmp://my.streaming.server/mypathおよびid = video_one。
単一のファイルを再生すると、画像、タイトル、ID、リンクなどを追加できるなど、すべてのパラメーターをサポートしています。単一のファイル再生モードでvideo.flvを再生するときにプレビュー画像を追加する場合は、パラメーター= video.flv、image = preview.jpgを設定できます。 RTMPストリーミングを再生すると、パラメーターIDを追加できます。たとえば、file = rtmp://my.streaming.server/mypath、id = video_one。
特に、2つのエラーが発生しやすい場所が指摘されています。最初のリストは、フラッシュセキュリティメカニズムによって引き起こされるプレーヤーと同じサーバー上にある必要があります。次に、プレイヤーがファイルを見つけることができないように、フルアドレス形式を使用してHTTPを含めます。
カスタマイズ
多くの人が私にいくつかのカスタマイズ可能なバージョンを作成するように頼みました。それらの要件の多くは、実際にパラメーターを設定することで実現できます。これらのパラメーターを単純に構成するために、オンライン構成ウィザードを作成しました。私はすべての人の要件を満たすためのエネルギーを持っていません。ただし、次のバージョンには多くの興味深い追加機能があります。
ActionScript Script Languageに精通している場合は、プログラムを変更して自分で機能を追加できます。
プレーヤーがインスタンスにあるとき、最近構成変数とプレイリスト変数が追加され、MCVライフサイクルが入力されます。構成およびリストマネージャー(フィーダー)は、MCVライフサイクル中に常に有効です。
赤でマークされた2つのオブジェクトのすべての方法は、JavaScriptを介して呼び出すことができます。
他のフラッシュプログラムでは、プレイヤーを参照できます。ダウンロードしたFLVファイルから画像をコピーし、ダウンロードしたcomディレクトリをすべてのスクリプトを含むFLVファイルにコピーするようにしてください。次に、タイムラインの最初のフレームの位置にある変数にアクセスできます。高さと幅の変数を設定するように注意してください。そうしないと、プレーヤーはあなたのサイズに応じて伸びて変形します。
のように
プログラムコード
// flashvarsを設定します(ブールと数字も引用する必要があります)
var width = 320;
var height = 240;
var file = my_video.flv;
var autostart = true;
//プレーヤーを起動します
var mpl = new com.jeroenwijering.players.mediaplayer(this.player);
さらに、コントローラーをパブリックオブジェクトにしたため、Flashサイトのどこからでもsendevent()関数を使用してmediaplayerを制御できます(上記の概略図には、すべてのsendevent()オプションのリストがあります)。上記の小さなスクリプトを続けましょう:
プレーヤー用に露出したコントローラーオブジェクトを作成したので、次のようなsendevent()を使用して、プログラムのどこでもプレーヤーを制御できます。
プログラムコードmpl.controller.sendevent(Volume、50);
mpl.controller.sendevent(playpause);
サポート
FAQのリスト
1. IEを使用するときに置き忘れたレイアウトがある場合、サイズがうまく設定されていない可能性があります。可変幅と高さを使用して強制することができます。
2。FlashとJavaScriptのセキュリティメカニズムは、ローカルテストに影響を与えることに注意してください。ファイルが異なるサーバーに配置されたときに影響を受けることもでき、同じサーバーにそれらを配置することもできます。
3.フル画面関数は、Flash Player9.028.0以上でのみ使用できます。 SWFOBJECTを使用してプレーヤーを埋め込む場合、その自動アップグレード機能を使用できます。 AllowfullscreenはTrueに設定されていることに注意してください
4.進行状況バーが動かない場合、またはビデオの長さに問題がある場合。それは、あなたのFLVが正しいメタデータを設定していないということかもしれません。ウィジェットwww.buraks.com/flvmdi/を使用できます。
2つのバージョンはわずかに異なります。詳細については、以下の手順を参照してください