xspf jukebox
1.0.0
거칠고 사용자 정의 할 수있는 플래시 미디어 플레이어.
플래시가 설치되어 있어야합니다!
XSPF 주크 박스는 완전히 거친 플래시 미디어 플레이어입니다. Fabricio Zuardi의 원래 창조물에 대한 나의 수정을 바탕으로. 전체 특집 미디어 플레이어 인 Jukebox는 외부 .xspf 또는 .xml 재생 목록을 통해 구문 분석 된 MP3 오디오 및 FLV 비디오를 모두 지원합니다. 사용자 정의 스킨은 자동 평가 및 많은 사용자 정의 가능한 옵션과 결합하여 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 에 대한 유효한 파일 경로와 피부 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를 사용하여 Playlist_url 대신 다음 두 매개 변수를 사용하여 단일 .mp3 또는 .flv 파일을 재생할 수도 있습니다.
track_title : 트랙의 레이블track_url : 트랙의 URL playlist_url :로드 할 XSPF 파일의 URLskin_url : 스킨 폴더의 URLloadurl : 모든 변수가 포함 된 텍스트 파일에 연결되는 URL. HTML 코딩 및 파일 크기를 줄이면 많은 플레이어가 하나의 파일을 사용할 수 있습니다.activeDownload : 트랙의 직접 다운로드를 허용하거나 허용하지 않는 부울 가치, 기본값은 거짓입니다.alphabetize : 알파벳 화 재생 목록에 부울 값, 기본값은 false입니다.autoload : 초기 사용자 클릭없이 재생 목록을로드하는 부울 값, 기본값은 False입니다.autoplay : 재생 목록을로드하고 초기 사용자 클릭없이 음악을 시작하는 부울 값, 기본값은 False입니다.autoresume : 여러 페이지의 플레이어가 사용자가 페이지를 탐색 할 때 음악적으로 음악을 원활하게 계속할 수있는 부울 값, 기본값은 False입니다.buffer : 재생하기 전에 비디오를 예압하는 데 초, 자동 제외crossFade : 부울 값, true가 기본 시간으로 설정되거나 페이드에서 2 초 (1-12)의 숫자, 기본값은 6 초입니다.forceAlphabetize : 부울 가치, 아티스트 제목에서 'the'이전의 'The'를 포함하여 전체 알파벳 화력을 강제로, 기본값은 거짓입니다.format : 형식 트랙 레이블, 사용 "-크리에이터"-"-"-location ","-location 및 "각각 값을 삽입하기위한"-기본값은 "-크리징 인 :-기본적gotoany : 알 수없는 URL로 이동하는 부울 가치, 기본값은 거짓입니다.image : AutoPLay가 꺼져있을 때 표시되는 JPG 이미지의 URLinfourl : 모든 노래에 대한 글로벌 정보 URL, 결석 재생 목록 정보 URL을 채우십시오.load_message : 자동로드 후 표시된 메시지main_image : Global Image URL은 결석 재생 목록 이미지를 채 웁니다mainurl : 마우스 오른쪽 버튼을 클릭하십시오» "URL 정보midChar : 형식별로 덮어 쓰는 트랙의 제작자와 제목 값을 분리 할 수있는 캐릭터, 기본값은 ":no_continue : 부울 값 자동 노래 변경, 기본값은 False입니다.player_title : 제목 텍스트, 기본값은 "XSPF Jukebox입니다repeat : 부울 값을 설정하려면 반복, 기본값은 거짓입니다.repeat_playlist : 재생 목록을 반복하려는 부울 값, 기본값은 사실입니다.shuffle : 셔플을 설정하려는 부울 값, 기본값은 거짓입니다.start_track : 시작 트랙의 트랙 번호, 기본값은 1입니다.statsurl : 우편 값을 수집 할 수있는 외부 스크립트에 대한 URL. 놀이 저와 주석을 수집 할 수 있습니다timedisplay : 시간 카운터를 보여주는 수치 값; 0 : Off, 1 : All, 2 : 경과, 3 : 지속 시간, 4 : 카운트 다운trackNumber : 라벨에 트랙 번호를 추가하는 부울 값, 기본값은 False입니다.useId3 : id3 태그 사용을 강요하는 부울 값, 기본값은 거짓입니다.volume_level : 시작 볼륨 레벨 퍼센트, 기본값은 100입니다 XSPF 주크 박스는 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 인터페이스가 플레이어에 추가되어 Jukebox를 확장 할 수 있습니다. 이 기능은 Flash 8 버전에만 적용됩니다. 사용 가능한 기능은 다음과 같습니다.
playTrack() : 트랙을 재생/일시 중지합니다stopTrack() : 트랙을 중지하십시오nextTrack() : 다음 트랙으로 이동하십시오prevTrack() : 이전 트랙으로 돌아갑니다shuffleToggle() : 셔플 켜기/끄기repeatToggle() : 반복/끄기를 켜십시오gotoTrack(track number) : 지정된 트랙을 재생합니다addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : 재생 목록에 트랙 추가JavaScript를 사용하여 Jukebox를 제어하려면 객체에 ID를 설정하고 Embed Script의 Embed 태그가 있는지 확인하십시오. 함수를 호출하려면 형식을 사용하십시오.
window.document.xspfJukebox.playTrack();
예를 들어:
<a href="javascript:window.document.xspfJukebox.playTrack();">Click to Play </a>
XSPF 주크 박스는 사용자 정의 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 : 반복 버튼, ON/OFF를 토글합니다scrollButton : 배경이있는 스크롤 버튼, 스크롤 재생 목록scrollupButton : Up Arrow, 스크롤 스크롤 재생 목록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, PurchareButton 및 DownloadButton의 경우 A +가 있어야합니다. 예 : +15image : URL : 기본 기호 대신 이미지를로드합니다.shape : 사각형/리 트라운/서클/삼각형 : 물체의 모양을 그립니다.border : 숫자 : 모양의 경계 너비를 정의합니다color : 16 진 코드 : 객체의 색상을 설정합니다. 예 : FF0088borderColor : 16 진 코드 : 모양의 색상을 설정합니다.bgColor : HEX 코드 : 객체의 색상을 설정합니다.의 배경selectedColor : Hex Code : 재생 목록에서 현재 트랙의 색상을 설정합니다.font : 글꼴 이름 : 텍스트 글꼴을 설정합니다text : 텍스트 : 표시 텍스트align : 왼쪽/센터/오른쪽 : TrackDisplay에만 사용됩니다. 텍스트를 정렬합니다bold : BOOLEAN : 텍스트 대담한/끄기를 설정합니다italic : 부울 : 텍스트 이탤릭체를 켜고/끄는 것입니다underline : 부울 : 텍스트 밑줄을 설정합니다alpha : 백분율 : 물체의 알파 채널을 설정합니다bgAlpha : 백분율 : 물체의 배경의 알파 채널을 설정url : URL : 객체가 웹 페이지에 링크 할 수 있도록합니다.hoverMessage : 텍스트 : 마우스에 표시된 메시지 MIT © Lacy Morrow
