Unduh xspf jukebox - Unduh Kode Sumber xspf jukebox

xspf jukebox

Kode sumber FLASH

1.0.0

Unduh

Pemutar media flash yang dapat dikustomisasi dan dapat disesuaikan.

Demo langsung dari jukebox XSPF

Anda harus menginstal flash!

XSPF Jukebox adalah pemutar media flash yang sepenuhnya dapat dikuliti. Berdasarkan revisi saya tentang kreasi asli Fabricio Zuardi. Media player unggulan lengkap, Jukebox mendukung video Audio MP3 dan FLV yang diuraikan melalui daftar putar .xspf atau .xml eksternal. Kulit khusus dikombinasikan dengan resume otomatis dan banyak opsi yang dapat disesuaikan menjadikan XSPF Jukebox pilihan yang solid untuk pemutar media berbasis flash.

Pada 2014 proyek ini tidak lagi dipertahankan. Ini dianggap berada dalam keadaan yang stabil dan tidak akan menerima pembaruan lebih lanjut.

Jika Anda ingin mengambil alih, silakan ajukan masalah.

Fitur

Kulit yang sepenuhnya dapat disesuaikan
Resume otomatis saat pengguna beralih halaman (silakan, segarkan halaman untuk mencobanya!)
Mendukung video audio .mp3 dan .flv
Daftar Putar Dukungan Track Tunggal
Kocok/ulangi
Caching daftar putar
Banyak opsi yang dapat disesuaikan
ID3 Track Meta Infomation Support
Jejak kecil - hanya 20kb!
Kemampuan untuk mencatat informasi penggunaan pemain
API JavaScript lengkap
Termasuk xplay.php yang dimodifikasi untuk menghasilkan daftar putar secara otomatis

Daftar isi

Memasang
Opsi Jukebox
- Mode Track Tunggal
- Parameter opsional
- Format daftar putar XSPF
- JavaScript API
Menguliti jukebox
- Objek kulit
- Objek fungsi
- Label
- Atribut
Daftar Putar XSPF
Lisensi

Memasang

1. Buat daftar putar XSPF yang menunjuk ke file media Anda

(Opsional) Secara otomatis menghasilkan daftar putar Anda di PHP, Python, atau JS

Edit baris pertama file xplay.php untuk menunjuk ke direktori media Anda:

$media = "media"

Edit semua opsi yang Anda inginkan, caching daftar putar dihidupkan secara default.

2. Sertakan kode JavaScript SWFObject ke dalam halaman Anda `<head>` :

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

3. Buat `<div>` untuk menahan konten Anda:

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

4. Memanggil pemain melalui 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 >

Perhatikan nilai -nilai yang disorot di atas, Anda harus menentukan jalur file yang valid untuk playlist_url dan skin_url serta width dan height kulit. Anda juga dapat menentukan parameter opsional apa pun yang mengikuti playlist_url . Misalnya:

Seluruh URL untuk .swf di halaman demo adalah:

 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

Itu saja! XSPF Jukebox sekarang diinstal.

Opsi

XSPF Jukebox dapat disesuaikan untuk hampir semua kebutuhan untuk memutar audio atau video di web.

Mode Track Tunggal

Anda juga dapat menggunakan jukebox untuk memainkan file .mp3 atau .flv tunggal, menggunakan dua parameter berikut sebagai pengganti playlist_url:

track_title : label trek
track_url : URL trek

Parameter opsional

playlist_url : URL file XSPF untuk memuat
skin_url : URL folder kulit
loadurl : URL yang menautkan ke file teks yang berisi semua variabel. Potong pada pengkodean HTML dan ukuran file, satu file dapat digunakan oleh banyak pemain
activeDownload : Nilai boolean untuk mengizinkan atau melarang unduhan langsung trek, default adalah false
alphabetize : Nilai boolean untuk playlist abjad, default adalah false
autoload : Nilai boolean yang membuat daftar putar dimuat tanpa klik pengguna awal, default salah
autoplay : Nilai boolean yang membuat daftar putar memuat dan musik dimulai tanpa klik pengguna awal, default salah
autoresume : Nilai boolean yang memungkinkan pemain di beberapa halaman untuk melanjutkan musik dengan mulus sebagai halaman penjelajahan pengguna, default adalah false
buffer : detik untuk preload video sebelum diputar, kecualikan untuk otomatis
crossFade : Nilai boolean, yang bila benar diatur ke waktu default, atau jumlah detik untuk memudar (1-12), default adalah 6 detik
forceAlphabetize : Nilai boolean, memaksa alfabet penuh, termasuk sebelumnya 'judul artis, default adalah false
format : Teks untuk Memformat label trek, gunakan "-creator," -title, "-location, dan" -notation untuk memasukkan nilai masing-masing, default adalah "-creator: -title
gotoany : Nilai boolean yang memaksa perjalanan ke URL yang tidak diketahui, default itu salah
image : URL untuk gambar JPG yang ditampilkan saat autoplay dimatikan
infourl : URL info global untuk semua lagu, mengisi URL info playlist absen
load_message : pesan ditampilkan setelah autoload
main_image : URL gambar global, mengisi gambar daftar putar yang tidak ada
mainurl : Klik kanan »" Tentang "URL
midChar : Karakter ditempatkan untuk memisahkan nilai pencipta dan judul untuk trek, ditimpa dengan format, default adalah ":
no_continue : Nilai Boolean untuk mematikan perubahan lagu otomatis, default itu salah
player_title : Teks judul, default adalah "XSPF JUKEBOX
repeat : Nilai boolean untuk mengatur ulang, default adalah false
repeat_playlist : Nilai boolean untuk mengulangi daftar putar, default benar
shuffle : Nilai boolean untuk mengatur shuffle, default adalah false
start_track : lacak nomor untuk trek awal, default adalah 1
statsurl : URL ke skrip eksternal yang dapat mengumpulkan nilai posting. Dapat mengumpulkan playsong dan anotasi
timedisplay : Nilai numerik untuk menunjukkan penghitung waktu; 0: OFF, 1: All, 2: Diselapsed, 3: Durasi, 4: Countdown
trackNumber : Nilai boolean yang menambahkan nomor trek ke label, default salah
useId3 : Nilai Boolean yang Memaksa Penggunaan Tag ID3, Defaultnya Salah
volume_level : Persentase level volume mulai, default adalah 100

Format daftar putar

XSPF Jukebox menggunakan format daftar putar XSPF ('Spiff') Buka XML. Contoh singkat berikut:

 <?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>

CATATAN: Hanya `<location>` yang diperlukan

JavaScript API

Antarmuka JavaScript telah ditambahkan ke pemain untuk memungkinkan kontrol yang diperluas atas jukebox. Fitur ini hanya berlaku untuk versi Flash 8. Fungsi yang tersedia adalah:

playTrack() : mainkan/jeda trek
stopTrack() : hentikan trek
nextTrack() : Maju ke trek berikutnya
prevTrack() : Kembali ke trek sebelumnya
shuffleToggle() : Nyalakan/mematikan shuffle
repeatToggle() : Nyalakan Ulangi/Mati
gotoTrack(track number) : Mainkan trek yang ditentukan
addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : Tambahkan trek ke playlist

Untuk mengontrol jukebox menggunakan JavaScript, pastikan Anda memiliki ID yang diatur dalam objek dan tag embed untuk skrip embed. Untuk memanggil fungsi, gunakan format:

window.document.xspfJukebox.playTrack();

Misalnya:

<a href="javascript:window.document.xspfJukebox.playTrack();">Click to Play </a>

Dokumentasi kulit

XSPF Jukebox menggunakan format XML khusus untuk menentukan penampilan pemain. File Skin.xml dalam format berikut:

 <?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>

Objek kulit

<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="" />

Objek fungsi

Semua objek fungsi dimulai dengan tag, dan dibedakan melalui atribut label . Sebagian besar label memiliki atribut yang sama, tetapi ada beberapa perbedaan.

<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="" />

Label

playButton : Tombol bermain, beralih antara bermain dan jeda
playpauseButton : tombol jeda bermain statis, beralih antara bermain dan jeda
stopButton : Tombol berhenti, berhenti trek
prevButton : Tombol sebelumnya, perubahan ke trek sebelumnya
fwdButton : tombol maju, berubah ke trek berikutnya
shuffleButton : Tombol shuffle, menghidupkan/menonaktifkan
repeatButton : Tombol berulang, menghidupkan/mematikan
scrollButton : Tombol gulir dengan latar belakang, daftar putar gulir
scrollupButton : panah atas, gulungan playlist up
scrolldownButton : panah bawah, daftar putar gulir ke bawah
startButton : Sebuah persegi panjang untuk menunjukkan lokasi klik untuk mulai memuat atau bermain, atur alpha ke 0
infoButton : Tombol teks untuk mengikuti tautan info saat ini di daftar putar
purchaseButton : tombol teks untuk mengikuti tautan pembelian saat ini di daftar putar
downloadButton : tombol teks untuk langsung menautkan ke mp3 yang sedang diputar saat ini
playDisplay : menampilkan gambar trek saat ini
imageDisplay : Menampilkan gambar trek saat ini
videoDisplay : Menampilkan trek video
trackDisplay : Tampilan saat ini bermain trek
timeDisplay : Menampilkan waktu trek saat ini dalam format standar 00:00, beralih antara waktu, durasi, dan waktu yang tersisa
fulltimeDisplay : menampilkan waktu trek saat ini dalam format lengkap 00: 00/00: 00, menampilkan waktu dan durasi
volumeDisplay : Menampilkan bilah volume untuk mengubah volume trek
timeBar : Menampilkan persentase trek saat ini dalam bentuk bar, klik untuk memindai trek
loadBar : Menampilkan persentase yang dimuat untuk trek saat ini dalam bentuk batang

Atribut

x : Angka: Nilai atau persentase x untuk menempatkan objek
y : Angka: Nilai atau persentase Y untuk menempatkan objek
z : Nomor: Nilai z, atau kedalaman suatu objek.
width : Nomor: Lebar objek
height : Angka: Ketinggian suatu objek
scale : Angka: digunakan sebagai pengganti lebar/tinggi. menskalakan objek sambil mempertahankan rasio aspek default. 1 = Tidak ada penskalaan
size : Angka: Ukuran font. Ukuran harus didahului oleh A + untuk InfoButton, PurchaseButton, dan Downloadbutton. Mis: +15
image : URL: Muat gambar di tempat simbol default
shape : persegi panjang/diulang/lingkaran/segitiga: menggambar bentuk untuk suatu objek
border : Nomor: Menentukan lebar perbatasan bentuk
color : Kode Hex: Mengatur warna objek. Contoh: FF0088
borderColor : Hex Code: Mengatur warna perbatasan bentuk
bgColor : Kode Hex: Mengatur warna latar belakang objek
selectedColor : Hex Code: Mengatur warna trek saat ini di daftar putar
font : Nama Font: Mengatur font teks
text : Teks: Teks yang Ditampilkan
align : kiri/tengah/kanan: hanya digunakan untuk trackdisplay. menyelaraskan teks
bold : BOOLEAN: Mengatur teks dengan berani menyala/mati
italic : Boolean: Mengatur huruf miring menyala/mati
underline : Boolean: Mengatur teks berdasarkan/mematikan teks
alpha : Persen: Mengatur Saluran Alpha Objek
bgAlpha : Persen: Mengatur Saluran Alpha dari Latar Belakang Suatu Objek
url : URL: Memungkinkan objek untuk menautkan ke halaman web
hoverMessage : Teks: Pesan ditampilkan pada mouse di atas