xspf jukebox Download - xspf jukebox Source Code Download

xspf jukebox

فلاش كود المصدر

1.0.0

تنزيل

مشغل وسائط فلاش قابلة للتخصيص.

العرض التوضيحي المباشر لـ XSPF Jukebox

يجب أن يكون لديك فلاش مثبت!

XSPF Jukebox هو مشغل وسائط فلاش محسوس بالكامل. بناءً على مراجعاتي لخلق Fabricio Zuardi الأصلي. يدعم Jukebox مشغل وسائط متميز بالكامل ، كل من MP3 Audio و FLV ، تم تحليله من خلال قائمة تشغيل خارجي .xspf أو .xml. إن الجلود المخصصة مع الإرجاع التلقائي والعديد من الخيارات القابلة للتخصيص تجعل XSPF Jukebox خيارًا قويًا لمشغل الوسائط القائم على الفلاش.

اعتبارًا من عام 2014 ، لم يعد هذا المشروع يتم الحفاظ عليه. يعتبر في حالة مستقرة ولن تتلقى أي تحديثات أخرى.

إذا كنت ترغب في تولي مشكلة ، فيرجى تقديم مشكلة.

سمات

جلود قابلة للتخصيص بالكامل
النسج التلقائي عندما يقوم المستخدم بتبديل الصفحات (تابع ، قم بتحديث الصفحة لتجربتها!)
يدعم .mp3 الصوت و .flv الفيديو
قائمة التشغيل دعم مسار واحد
خلط/كرر
تخزين المؤلف من قائمة التشغيل
العديد من الخيارات القابلة للتخصيص
ID3 Track Meta Infomation Support
بصمة صغيرة - 20 كيلو بايت فقط!
القدرة على تسجيل معلومات استخدام المشغل
API الكامل JavaScript
يتضمن تعديل xplay.php لإنشاء قائمة تشغيل تلقائيًا

جدول المحتويات

ثَبَّتَ
خيارات Jukebox
- وضع المسار الواحد
- المعلمات الاختيارية
- XSPF تنسيق قائمة التشغيل
- JavaScript API
نخطا jukebox
- كائنات الجلد
- كائنات الوظيفة
- تسميات
- صفات
قوائم التشغيل XSPF
رخصة

ثَبَّتَ

1. إنشاء قائمة تشغيل XSPF تشير إلى ملفات الوسائط الخاصة بك

(اختياري) إنشاء قوائم التشغيل تلقائيًا في PHP أو Python أو JS

قم بتحرير السطر الأول من ملف xplay.php للإشارة إلى دليل الوسائط الخاص بك:

$media = "media"

قم بتحرير أي خيارات ترغب في تشغيلها ، يتم تشغيل التخزين المؤقت للتشغيل بشكل افتراضي.

2. قم بتضمين رمز SwfObject JavaScript في صفحتك `<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 Jukebox الآن.

خيارات

يمكن تخصيص XSPF Jukebox لأي حاجة تقريبًا لتشغيل الصوت أو الفيديو على الويب.

وضع المسار الواحد

يمكنك أيضًا استخدام Jukebox لتشغيل ملف .mp3 أو .flv واحد ، باستخدام المعلمتين التاليتين بدلاً من قائمة التشغيل _url:

track_title : تسمية المسار
track_url : URL OF Track

المعلمات الاختيارية

playlist_url : عنوان URL لملف XSPF للتحميل
skin_url : URL من مجلد الجلد
loadurl : url ربط ملف نصي يحتوي على جميع المتغيرات. تقليص على ترميز HTML وأحجام الملفات ، يمكن استخدام ملف واحد من قبل العديد من اللاعبين
activeDownload : قيمة منطقية للسماح أو عدم السماح بتنزيلات مباشرة للمسارات ، الافتراضي كاذب
alphabetize : القيمة المنطقية لإضفاء الطابع الأبجدي على قائمة التشغيل ، الافتراضي كاذب
autoload : القيمة المنطقية التي تجعل تحميل قائمة التشغيل بدون نقرة المستخدم الأولية ، الافتراضي كاذب
autoplay : القيمة المنطقية التي تجعل تحميل قائمة التشغيل وتبدأ الموسيقى بدون نقرة المستخدم الأولية ، الافتراضي كاذب
autoresume : القيمة المنطقية التي تسمح للاعبين في صفحات متعددة بمواصلة الموسيقى بسلاسة حيث يتصفح المستخدم الصفحات ، يكون الافتراضي خطأ
buffer : ثواني إلى فيديو التحميل قبل اللعب ، باستثناء التلقائي
crossFade : إما قيمة منطقية ، والتي عندما يتم ضبط TRUE على الوقت الافتراضي ، أو عدد الثواني إلى Fade (1-12) ، فإن الافتراضي هو 6 ثوانٍ
forceAlphabetize : القيمة المنطقية ، تجبر الحروف الأبجدية الكاملة ، بما في ذلك سابقة "The Artist Title" ، الافتراضي كاذب
format : نص لتنسيق تسمية المسار ، واستخدم "-creator" ، -Title ، "-التوظيف ، و"-الإدراج لإدراج القيم ، الافتراضي هو "-creator: -title
gotoany : القيمة المنطقية التي تجبر على السفر إلى عناوين URL غير معروفة ، الافتراضي كاذب
image : عنوان URL لصورة JPG التي تظهر عند إيقاف التشغيل التلقائي
infourl : URL Info Global لجميع الأغاني ، يملأ عناوين URL لاستخدام قائمة التشغيل الغائبة
load_message : رسالة معروضة بعد التحميل التلقائي
main_image : عنوان URL العالمي للصور ، يملأ صور قائمة التشغيل الغائبة
mainurl : انقر بزر الماوس الأيمن "حول" URL "
midChar : تم وضع حرف لفصل المبدع وعنوان المسارات ، فصحًا بالتنسيق ، الافتراضي هو ":
no_continue : القيمة المنطقية لإيقاف تغيير الأغنية التلقائية ، الافتراضي كاذب
player_title : نص العنوان ، الافتراضي هو "XSPF Jukebox
repeat : القيمة المنطقية لتعيين التكرار ، الافتراضي كاذب
repeat_playlist : القيمة المنطقية لتكرار قائمة التشغيل ، الافتراضي صحيح
shuffle : قيمة منطقية لتعيين خلط ورق اللعب ، الافتراضي كاذب
start_track : رقم المسار لبدء المسار ، الافتراضي هو 1
statsurl : عنوان URL لنص خارجي يمكنه جمع قيم ما بعد. يمكن جمع playsong والشرح
timedisplay : القيمة العددية لإظهار عداد الوقت ؛ 0: OFF ، 1: All ، 2: Elapsed ، 3: المدة ، 4: العد التنازلي
trackNumber : قيمة منطقية تضيف أرقام المسار إلى الملصقات ، الافتراضي كاذب
useId3 : قيمة منطقية التي تجبر على استخدام علامة ID3 ، الافتراضي خاطئ
volume_level : مستوى بدء مستوى الصوت ، الافتراضي هو 100

تنسيق قائمة التشغيل

يستخدم XSPF Jukebox بتنسيق قائمة تشغيل XSPF ('Spiff') Open 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 إلى المشغل للسماح بالتحكم الممتد على Jukebox. تنطبق هذه الميزة فقط على إصدار Flash 8. الوظائف المتاحة هي:

playTrack() : تشغيل/إيقاف المسار
stopTrack() : أوقف المسار
nextTrack() : تقدم إلى المسار التالي
prevTrack() : العودة إلى المسار السابق
shuffleToggle() : قم بتشغيل/إيقاف تشغيله
repeatToggle() : قم بتشغيل/إيقاف تشغيله
gotoTrack(track number) : قم بتشغيل مسار محدد
addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : أضف مسارًا إلى قائمة التشغيل

للتحكم في Jukebox باستخدام JavaScript ، تأكد من أن لديك معرف تعيين في الكائن وعلامات التضمين للنص المضمّن. لاستدعاء وظيفة ، استخدم التنسيق:

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 : قائمة تشغيل UP ، Scrolls.
scrolldownButton : قائمة تشغيل لأسفل ، Scrolls Down
startButton : مستطيل للإشارة إلى موقع النقر لبدء التحميل أو التشغيل ، قم بتعيين Alpha على 0
infoButton : زر نص لمتابعة رابط المعلومات الحالي في قائمة التشغيل
purchaseButton : زر النص لمتابعة رابط الشراء الحالي في قائمة التشغيل
downloadButton : زر Text للربط مباشرة إلى 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 و Buybutton و DownloadButton. على سبيل المثال: +15
image : URL: قم بتحميل صورة بدلاً من الرمز الافتراضي
shape : مستطيل/مستقيم/دائرة/مثلث: يرسم شكلًا لكائن
border : الرقم: يحدد عرض الحدود
color : رمز السداسي: تعيين لون كائن. على سبيل المثال: FF0088
borderColor : رمز السداسي: يحدد لون الحدود
bgColor : رمز السداسي: تعيين لون خلفية الكائن
selectedColor : رمز Hex: يعين لون المسار الحالي في قائمة التشغيل
font : اسم الخط: تعيين خط النص
text : نص: نص معروض
align : اليسار/الوسط/اليمين: يستخدم فقط للمسار. محاذاة النص
bold : BOOLEEAN: يضع النص BOLDING ON/OFF
italic : منطقي: يضع نص مائل على/إيقاف
underline : منطقية: تعيين النص تحت/إيقاف تشغيله
alpha : النسبة المئوية: مجموعة قناة الكائن ألفا
bgAlpha : النسبة المئوية: مجموعة قناة ألفا من خلفية كائن
url : URL: يسمح لكائن بالربط بصفحة ويب
hoverMessage : نص: رسالة معروضة على الماوس قد انتهت