スキン可能でカスタマイズ可能なフラッシュメディアプレーヤー。
フラッシュがインストールされている必要があります!
XSPF Jukeboxは、完全にスキン可能なフラッシュメディアプレーヤーです。 Fabricio Zuardiの最初の作成の改訂に基づいています。フルフィーチャーのメディアプレーヤーであるJukeboxは、外部.xspfまたは.xmlプレイリストを介して解析されたMP3オーディオとFLVビデオの両方をサポートしています。 Auto-Resumeと多くのカスタマイズ可能なオプションと組み合わせたカスタムスキンにより、XSPF Jukeboxはフラッシュベースのメディアプレーヤーに堅実な選択肢になります。
.mp3オーディオと.flvビデオをサポートしています(オプション)PHP、Python、またはJSでプレイリストを自動的に生成します
xplay.phpファイルの最初の行を編集して、メディアディレクトリを指します。
$media = "media"
希望するオプションを編集し、プレイリストキャッシングはデフォルトでオンになります。
<head> : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div>を作成します。 < div id =" flashcontent " >
<!-- this will be replaced -->
</ div > < script >
var params = { } ;
params.wmode="transparent";
params.allowscriptaccess="always";
var url = "xspf_jukebox.swf?playlist_url=xplay.php & skin_url = skins / iTunes & param1 = value " ;
swfobject . embedSWF ( url , "flashcontent" , "skin width" , "skin height" , "7.0.0" , "" , { } , params , { } ) ;
< / script >上記で強調表示されている値に注意してください。PlayList_Urlとskin_url playlist_urlに有効なファイルパス、およびスキンのwidthとheightを指定する必要があります。また、 playlist_urlに続くオプションのパラメーターを指定することもできます。例えば:
デモページの.swfのURL全体は次のとおりです。
xspf_jukebox . swf ? playlist_url = xplay . php & skin_url = skins / iTunes & autoplay = true & alphabetize = true & autoload = true & autoresume = true & main_image = images / artwork . jpg & shuffle = true & statsurl = stats . phpそれでおしまい! XSPFジュークボックスがインストールされました。
XSPF Jukeboxは、Webでオーディオやビデオを再生する必要があるため、カスタマイズできます。
ジュークボックスを使用して、Playlist_urlの代わりに次の2つのパラメーターを使用して、単一の.mp3または.flvファイルを再生することもできます。
track_title :トラックのラベルtrack_url :トラックのURL playlist_url :xspfファイルのURLをロードするskin_url :スキンフォルダーのURLloadurl :すべての変数を含むテキストファイルにリンクしています。 HTMLコーディングとファイルサイズを削減すると、1つのファイルを多くのプレーヤーが使用できますactiveDownload :トラックの直接ダウンロードを許可または禁止するためのブール値、デフォルトはfalseですalphabetize :アルファベット化プレイリストのブール値、デフォルトは偽ですautoload :最初のユーザークリックなしでプレイリストをロードするブール値、デフォルトはfalseですautoplay :最初のユーザークリックなしでプレイリストのロードと音楽が起動するブール値、デフォルトはfalseですautoresume :複数のページ上のプレイヤーがユーザーがページを参照してシームレスに音楽を継続できるようにするブール値、デフォルトはfalseですbuffer :再生する前にビデオをプリロードする秒、自動を除外してくださいcrossFade :ブール値、Trueがデフォルトの時間に設定された場合、またはフェードする秒数(1-12)、デフォルトは6秒ですforceAlphabetize :ブール値、アーティストのタイトルの前の「先行」を含む完全なアルファベット化、デフォルトはfalseformat :テキストからフォーマットラベルへのテキスト、「-creator、」 - title、 "-location、および" notationを使用して、それぞれの値を挿入します。デフォルトは "-creator:-titlegotoany :不明なURLに移動するためのブール値、デフォルトは偽ですimage :オートプレイがオフになったときに表示されるJPG画像のURLinfourl :すべての曲のグローバル情報URL、プレイリスト情報URLの欠如を埋めますload_message :AutoLoad後に表示されるメッセージmain_image :グローバルイメージURLは、プレイリスト画像がないことを埋めますmainurl :右クリック» "bort" urlmidChar :形式で上書きされたトラックの作成者とタイトルの値を分離するために配置されたキャラクター、デフォルトは ":no_continue :ブール値自動曲の変更をオフにするために、デフォルトはfalseですplayer_title :タイトルテキスト、デフォルトは「XSPF Jukeboxですrepeat :繰り返しを設定するためのブール値、デフォルトはfalseですrepeat_playlist :ブール値プレイリストを繰り返すために、デフォルトはtrueですshuffle :シャッフルを設定するためのブール値、デフォルトは偽ですstart_track :トレートトラックのトラック番号、デフォルトは1ですstatsurl :POST値を収集できる外部スクリプトへのURL。プレイソングと注釈を収集できますtimedisplay :時間カウンターを表示する数値。 0:オフ、1:すべて、2:ELAPSED、3:期間、4:カウントダウンtrackNumber :トラック番号をラベルに追加するブール値、デフォルトはfalseですuseId3 :ID3タグの使用を強制するブール値、デフォルトはfalsevolume_level :ボリュームレベルの開始パーセント、デフォルトは100ですXSPF Jukeboxは、XSPF( 'Spiff')を開いているXMLプレイリスト形式を使用します。簡単な例が次のとおりです。
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<location>url of .mp3 audio or .flv video file</location>
<creator>artist or creator of track</creator>
<title>title of track</title>
<annotation>used in place of creator/title if both are absent</annotation>
<duration>number of milliseconds of track duration</duration>
<info>url of info link</info>
<image>url of image, overwrites main_image parameter</image>
<purchase>url of purchase link</purchase>
</track>
</trackList>
</playlist>
<location>のみが必要ですJavaScriptインターフェイスがプレーヤーに追加され、ジュークボックスを拡張することができます。この機能は、Flash 8バージョンにのみ適用されます。利用可能な関数は次のとおりです。
playTrack() :トラックを再生/一時停止しますstopTrack() :トラックを停止しますnextTrack() :次のトラックに進みますprevTrack() :前のトラックに戻りますshuffleToggle() :シャッフルをオン/オフにしますrepeatToggle() :繰り返しオン/オフを回しますgotoTrack(track number) :指定されたトラックを再生しますaddTrack(track id, location, title, creator, info url, purchase url, image, annotation) :プレイリストにトラックを追加するJavaScriptを使用してジュークボックスを制御するには、オブジェクトにIDセットがあり、埋め込まれたスクリプトのタグを埋め込んでいることを確認してください。関数を呼び出すには、形式を使用します。
window.document.xspfJukebox.playTrack();
例えば:
<a href="javascript:window.document.xspfJukebox.playTrack();">Click to Play </a>
XSPF Jukeboxは、カスタムXML形式を使用して、プレーヤーの外観を指定します。 skin.xmlファイルは次の形式です。
<?xml version="1.0" encoding="UTF-8"?>
<skin version="0" xmlns="http://xsml.org/ns/0/">
<name>skin name</name>
<width>skin width</width>
<height>skin height</height>
<author>skin author</author>
<email>author?s email</email>
<website>author?s website</website>
<comment>author?s comments</comment>
<object>
all skin objects reside between the <object> tags
</object>
</skin>
<background x="" y="" width="" height="" scale="" image="" shape="" border="" color="" borderColor="" alpha="" /><image x="" y="" z="" width="" height="" image="" alpha="" url="" target="" hoverMessage="" /><shape x="" y="" z="" width="" height="" shape="" border="" color="" borderColor="" alpha="" url="" target="" hoverMessage="" /><text x="" y="" z="" size="" color="" font="" text="" border="" bold="" italic="" underline="" alpha="" url="" target="" hoverMessage="" /><playlist x="" y="" z="" width="" height="" size="" color="" font="" selectedColor="" bold="" italic="" underline="" alpha="" hoverMessage="" /><badge x="" y="" width="" height="" />すべての関数オブジェクトはタグから始まり、 label属性を通じて区別されます。ほとんどのラベルには同様の属性がありますが、わずかな違いがあります。
<object label="playButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="playpauseButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="stopButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="prevButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="fwdButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="shuffleButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="repeatButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="scrollButton" x="" y="" z="" width="" height="" scale="" image="" color="" bgColor="" alpha="" bgAlpha="" hoverMessage="" /><object label="scrollupButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="scrolldownButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="startButton" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" /><object label="infoButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" /><object label="purchaseButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" /><object label="downloadButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" /><object label="playDisplay" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" /><object label="imageDisplay" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" /><object label="videoDisplay" x="" y="" z="" width="" height="" scale="" alpha="" hoverMessage="" /><object label="trackDisplay" x="" y="" z="" width="" size="" color="" font="" text="" align="" bold="" italic="" underline="" hoverMessage="" /><object label="timeDisplay" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" hoverMessage="" /><object label="fulltimeDisplay" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" hoverMessage="" /><object label="volumeDisplay" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="timeBar" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" /><object label="loadBar" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />playButton :再生ボタン、再生と一時停止の間を切り替えるplaypauseButton :静的な再生の一時停止ボタン、再生と一時停止の間を切り替えるstopButton :停止ボタンは、トラックを停止しますprevButton :前のボタン、前のトラックに変更fwdButton :フォワードボタン、次のトラックに変更shuffleButton :シャッフルボタン、オン/オフを切り替えますrepeatButton :繰り返しボタン、オン/オフを切り替えますscrollButton :背景のスクロールボタン、スクロールプレイリストscrollupButton :上の矢印、スクロールプレイリストを上げますscrolldownButton :ダウン矢印、プレイリストをスクロールダウンしますstartButton :クリック場所を示す長方形ロードまたは再生を開始するには、アルファを0に設定しますinfoButton :プレイリストの現在の情報リンクに従うためのテキストボタンpurchaseButton :プレイリストの現在の購入リンクをたどるテキストボタンdownloadButton :テキストボタンを使用して、現在再生されているMP3に直接リンクしますplayDisplay :現在のトラック画像を表示しますimageDisplay :現在のトラック画像を表示しますvideoDisplay :ビデオトラックを表示しますtrackDisplay :現在プレイトラックを表示していますtimeDisplay :現在のトラック時間を標準形式00:00に表示し、残りの時間、期間、および時間を切り替えますfulltimeDisplay :現在のトラック時間をフルフォーマット00:00/00:00で表示し、時間と期間を表示しますvolumeDisplay :トラックボリュームを変更するボリュームバーを表示しますtimeBar :現在のトラックの割合をバー形式で表示し、クリックしてトラックをスキャンしますloadBar :バー形式の現在のトラックのロードされたパーセンテージを表示しますx :番号:オブジェクトを配置するためのx値またはパーセンテージy :番号:オブジェクトを配置するためのy値または割合z :番号:Z値、またはオブジェクトの深さ。width :番号:オブジェクトの幅height :番号:オブジェクトの高さscale :番号:幅/高さの代わりに使用されます。デフォルトのアスペクト比を保持しながら、オブジェクトをスケーリングします。 1 =スケーリングなしsize :番号:フォントサイズ。サイズの前には、infobutton、purchasebutton、downloadbuttonの +が必要です。例:+15image :URL:デフォルトのシンボルの代わりに画像をロードするshape :長方形/RectRounded/Circle/Triangle:オブジェクトの形状を描くborder :番号:形状の境界幅を定義しますcolor :HEXコード:オブジェクトの色を設定します。例:FF0088borderColor :六角コード:形状の色を設定しますか?bgColor :hexコード:オブジェクトの色を設定しますか?selectedColor :HEXコード:プレイリストに現在のトラックの色を設定しますfont :フォント名:テキストフォントを設定しますtext :テキスト:表示されたテキストalign :left/center/右:trackdisplayにのみ使用します。テキストを調整しますbold :Boolean:テキストの太字のオン/オフを設定しますitalic :ブール:テキストのイタリックスをオン/オフに設定しますunderline :Boolean:テキストの下線オンラインオン/オフを設定しますalpha :パーセント:オブジェクトのアルファチャネルを設定しますbgAlpha :パーセント:オブジェクトの背景のアルファチャネルを設定しますurl :URL:オブジェクトがWebページにリンクできるようにしますhoverMessage :テキスト:マウスに表示されるメッセージMIT©Lacy Morrow