ดาวน์โหลด xspf jukebox - ดาวน์โหลดซอร์สโค้ด xspf jukebox

xspf jukebox

ซอร์สโค้ดแฟลช

1.0.0

ดาวน์โหลด

เครื่องเล่นสื่อแฟลชที่ปรับแต่งได้และปรับแต่งได้

การสาธิตสดของตู้เพลง XSPF

คุณต้องติดตั้งแฟลช!

ตู้เพลง XSPF เป็นเครื่องเล่นสื่อแฟลชที่มีผิวหนังอย่างเต็มที่ ขึ้นอยู่กับการแก้ไขการสร้างต้นฉบับของ Fabricio Zuardi เครื่องเล่นสื่อที่โดดเด่นเต็มรูปแบบตู้เพลงรองรับทั้ง MP3 Audio และ FLV Video ที่แยกวิเคราะห์ผ่านเพลย์ลิสต์. xspf หรือ. xml ภายนอก สกินที่กำหนดเองรวมกับความชุ่มชื้นอัตโนมัติและตัวเลือกที่ปรับแต่งได้มากมายทำให้ตู้เพลง XSPF เป็นตัวเลือกที่แข็งแกร่งสำหรับเครื่องเล่นสื่อที่ใช้แฟลช

ในปี 2014 โครงการนี้จะไม่ได้รับการดูแลอีกต่อไป ถือว่าอยู่ในสถานะที่มั่นคงและจะไม่ได้รับการอัปเดตเพิ่มเติม

หากคุณต้องการที่จะรับช่วงต่อโปรดยื่นปัญหา

คุณสมบัติ

สกินที่ปรับแต่งได้อย่างสมบูรณ์
ความคิดเห็นอัตโนมัติเมื่อผู้ใช้สลับหน้า (ไปข้างหน้ารีเฟรชหน้าเพื่อลองใช้!)
รองรับ .mp3 เสียงและ .flv วิดีโอ
เพลย์ลิสต์การสนับสนุนแทร็กเดี่ยว
สับเปลี่ยน/ทำซ้ำ
การแคชเพลย์ลิสต์
ตัวเลือกที่ปรับแต่งได้มากมาย
ID3 Track Meta Infomation Support
สำนักพิมพ์เล็ก ๆ - เพียง 20kb!
ความสามารถในการบันทึกข้อมูลการใช้งานของผู้เล่น
JavaScript API เต็มรูปแบบ
รวมถึงการแก้ไข xplay.php เพื่อสร้างเพลย์ลิสต์โดยอัตโนมัติ

สารบัญ

ติดตั้ง
ตัวเลือกตู้เพลง
- โหมดแทร็กเดี่ยว
- พารามิเตอร์เสริม
- รูปแบบเพลย์ลิสต์ XSPF
- JavaScript API
สกินตู้เพลง
- วัตถุผิวหนัง
- วัตถุฟังก์ชั่น
- ฉลาก
- คุณลักษณะ
เพลย์ลิสต์ XSPF
ใบอนุญาต

ติดตั้ง

1. สร้างเพลย์ลิสต์ XSPF ที่ชี้ไปที่ไฟล์สื่อของคุณ

(ไม่บังคับ) สร้างเพลย์ลิสต์ของคุณโดยอัตโนมัติใน PHP, Python หรือ JS

แก้ไขบรรทัดแรกของไฟล์ xplay.php เพื่อชี้ไปที่ไดเรกทอรีสื่อของคุณ:

$media = "media"

แก้ไขตัวเลือกใด ๆ ที่คุณต้องการการแคชเพลย์ลิสต์จะเปิดขึ้นตามค่าเริ่มต้น

2. รวมรหัส JavaScript SWFOBJECT ลงในหน้าของคุณ `<head>` ::

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

3. สร้าง `<div>` เพื่อเก็บเนื้อหาของคุณ:

 < div id =" flashcontent " >
     <!-- this will be replaced -->
 </ div >

4. เรียกใช้ผู้เล่นผ่าน JavaScript:

 < 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 ตัวอย่างเช่น:

URL ทั้งหมดสำหรับ. swf บนหน้าสาธิตคือ:

 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 สามารถปรับแต่งได้สำหรับเกือบทุกความต้องการในการเล่นเสียงหรือวิดีโอบนเว็บ

โหมดแทร็กเดี่ยว

คุณยังสามารถใช้ตู้เพลงเพื่อเล่นไฟล์. mp3 หรือ. flv เดียวโดยใช้พารามิเตอร์สองตัวต่อไปนี้แทน playlist_url:

track_title : ฉลากของแทร็ก
track_url : url ของแทร็ก

พารามิเตอร์เสริม

playlist_url : URL ของไฟล์ XSPF เพื่อโหลด
skin_url : URL ของโฟลเดอร์ผิวหนัง
loadurl : URL เชื่อมโยงกับไฟล์ข้อความที่มีตัวแปรทั้งหมด ลดการเข้ารหัส HTML และขนาดไฟล์หนึ่งไฟล์สามารถใช้งานได้โดยผู้เล่นหลายคน
activeDownload : ค่าบูลีนที่จะอนุญาตหรือไม่อนุญาตให้ดาวน์โหลดแทร็กโดยตรงค่าเริ่มต้นเป็นเท็จ
alphabetize : ค่าบูลีนในการเล่นตัวอักษรเพลย์ลิสต์ค่าเริ่มต้นเป็นเท็จ
autoload : ค่าบูลีนที่ทำให้เพลย์ลิสต์โหลดโดยไม่ต้องคลิกผู้ใช้เริ่มต้นค่าเริ่มต้นเป็นเท็จ
autoplay : ค่าบูลีนที่ทำให้เพลย์ลิสต์โหลดและเพลงเริ่มต้นโดยไม่ต้องคลิกผู้ใช้เริ่มต้นค่าเริ่มต้นเป็นเท็จ
autoresume : ค่าบูลีนที่อนุญาตให้ผู้เล่นในหลาย ๆ หน้าสามารถดำเนินการต่อเพลงต่อไปได้อย่างราบรื่น
buffer : วินาทีในการโหลดวิดีโอล่วงหน้าก่อนเล่นยกเว้นสำหรับอัตโนมัติ
crossFade : ค่าบูลีนซึ่งเมื่อตั้งค่าจริงเป็นเวลาเริ่มต้นหรือจำนวนวินาทีที่จะจางหายไป (1-12) ค่าเริ่มต้นคือ 6 วินาที
forceAlphabetize : ค่าบูลีนบังคับตัวอักษรเต็มรูปแบบรวมถึงก่อนหน้า 'ชื่อ' ชื่อศิลปินค่าเริ่มต้นเป็นเท็จ
format : text to format track label, ใช้ "-creator," -title, "-location, และ"-การบอกเล่าเพื่อแทรกค่าที่เกี่ยวข้อง, ค่าเริ่มต้นคือ "-creator: -title
gotoany : ค่าบูลีนที่บังคับให้เดินทางไปยัง URL ที่ไม่รู้จักค่าเริ่มต้นเป็นเท็จ
image : URL สำหรับภาพ JPG ที่แสดงเมื่อปิดอัตโนมัติ
infourl : URL ข้อมูลทั่วโลกสำหรับเพลงทั้งหมดเติมข้อมูลเพลย์ลิสต์ที่ขาดหายไป URL
load_message : ข้อความแสดงหลังจาก Autoload
main_image : URL ภาพทั่วโลกเติมภาพเพลย์ลิสต์ที่ขาดหายไป
mainurl : คลิกขวา» "เกี่ยวกับ" url
midChar : ตัวละครที่วางไว้เพื่อแยกค่าผู้สร้างและชื่อเรื่องสำหรับแทร็กที่เขียนทับโดยรูปแบบค่าเริ่มต้นคือ ":
no_continue : ค่าบูลีนเพื่อปิดการเปลี่ยนเพลงอัตโนมัติค่าเริ่มต้นเป็นเท็จ
player_title : title text, default คือ "xspf jukebox
repeat : ค่าบูลีนที่จะตั้งค่าซ้ำค่าเริ่มต้นเป็นเท็จ
repeat_playlist : ค่าบูลีนเพื่อทำซ้ำเพลย์ลิสต์ค่าเริ่มต้นเป็นจริง
shuffle : ค่าบูลีนเพื่อตั้งค่าการสับเปลี่ยนค่าเริ่มต้นเป็นเท็จ
start_track : หมายเลขติดตามสำหรับการเริ่มต้นการเริ่มต้นค่าเริ่มต้นคือ 1
statsurl : URL ไปยังสคริปต์ภายนอกที่สามารถรวบรวมค่าโพสต์ สามารถรวบรวม playsong และคำอธิบายประกอบได้
timedisplay : ค่าตัวเลขเพื่อแสดงตัวนับเวลา; 0: ปิด, 1: ทั้งหมด, 2: ผ่านไป, 3: ระยะเวลา, 4: นับถอยหลัง
trackNumber : ค่าบูลีนที่เพิ่มหมายเลขแทร็กลงในป้ายกำกับค่าเริ่มต้นเป็นเท็จ
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 API

มีการเพิ่มอินเทอร์เฟซ 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 ใช้รูปแบบ 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 : A Up Arrow, Scrolls Playlist Up
scrolldownButton : A Down Arrow, เลื่อนรายการเพลย์ลิสต์ลง
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 : หมายเลข: ขนาดตัวอักษร ขนาดจะต้องนำหน้าด้วย A + สำหรับ Infobutton, PuternyButton และ DownloadButton ตัวอย่าง: +15
image : URL: โหลดรูปภาพแทนสัญลักษณ์เริ่มต้น
shape : สี่เหลี่ยมผืนผ้า/rectrounded/วงกลม/สามเหลี่ยม: วาดรูปร่างสำหรับวัตถุ
border : หมายเลข: กำหนดความกว้างของรูปร่างของรูปร่าง
color : รหัส hex: ตั้งค่าสีของวัตถุ ตัวอย่าง: FF0088
borderColor : รหัส hex: ตั้งค่าสีของรูปร่างของรูปร่าง
bgColor : รหัส hex: ตั้งค่าสีของพื้นหลังของวัตถุ
selectedColor : รหัส hex: ตั้งค่าสีของแทร็กปัจจุบันในเพลย์ลิสต์
font : ชื่อตัวอักษร: ตั้งค่าตัวอักษรข้อความ
text : ข้อความ: แสดงข้อความ
align : ซ้าย/กึ่งกลาง/ขวา: ใช้สำหรับ trackdisplay เท่านั้น จัดเรียงข้อความ
bold : BOOLEAN: ตั้งค่าข้อความตัวหนาเปิด/ปิด
italic : บูลีน: ตั้งค่าตัวเอียงข้อความเปิด/ปิด
underline : บูลีน: ตั้งค่าข้อความขีดเส้นใต้เปิด/ปิด
alpha : เปอร์เซ็นต์: ตั้งช่องอัลฟ่าของวัตถุ
bgAlpha : เปอร์เซ็นต์: ตั้งค่าช่องอัลฟ่าของพื้นหลังของวัตถุ
url : URL: อนุญาตให้วัตถุเชื่อมโยงไปยังหน้าเว็บ
hoverMessage : ข้อความ: ข้อความแสดงบนเมาส์มากกว่า