وثيقة مشغل الوسائط Athapoo

التثبيت

1) تضمين ملف Css



2) تضمين ملفات الجافاسكربت jquery, jw-player, athapoo.js



3) نسخ كود HTML لــ مشغل الفيديو



4) نسخ كود الجافاسكربت داخل مكون "MultiPlayers"


ملاحظة: تأكد أن الــ ID في كود الــ Html نفس التي في كود Js

A) التنسيق

- يحتوي على 4 أنماط :

- أبيض/شفاف
        1) transparent.css : تطبيق نمط الأبيض/شفاف مع خيارات كاملة في شريط تحكم الفيديو
        2) transparent.mini.css : تطبيق نمط الأبيض/شفاف مع الحد الأدنى خيارات التحكم في الفيديو في شريط التحكم

- أسود/داكن
        3) black.css : تطبيق نمط أسود/داكن مع خيارات كاملة في شريط تحكم الفيديو
        4) black.mini.css : تطبيق نمط أسود/داكن مع الحد الأدنى خيارات التحكم في الفيديو في شريط التحكم

B) عروض

- يشمل 8 عروض

- عروض متعددة
        - Demo (1) : multi-players-in-page.html ==> Multi Players in the same page ( Audio Player + Video Player )

- Audio Player Demos
        - Demo (2) : audio-player-black-skin.html ==> Audio Player with Playlist and Black/Dark Skin.
        - Demo (3) : audio-player-white-skin.html ==> Audio Player with Playlist and White/Transparent Skin.

- Video Player Demos (horizontal playlist)
        - Demo (4) : video-player-black-full-options.html ==> Video Player with Black Skin+Full Options in control bar.
        - Demo (5) : video-player-black-minimum.html ==> Video Player with Black Skin+Minimum Options in control bar.
        - Demo (6) : video-player-white-full-options.html ==> Video Player with White Skin+Full Options in control bar.
        - Demo (7) : video-player-white-minimum.html ==> Video Player with White Skin+Minimum Options in control bar.

- Video Player Demos (vertical playlist)
        - Demo (8) : video-player-with-playlist-vertical.html ==> Video Player with Vertical Playlist.

C) تغيير قائمة التشغيل من أفقي إلى رأسي

- أضف "vertical" داخل الكلاس "playing-and-queue"

D) كيفية إضافة قوائم الصوت/الفيديو في نفس الصفحة

1) انسخ كود الــ Html لــ audio / video player



2) نسخ كود الجافاسكربت داخل مكون "MultiPlayers"


ملاحظة: تأكد أن الــ ID في كود الــ Html نفس التي في كود Js

الدعم و الطلبات :

- عن المالك

- مؤسسة Minda هي مالكة مكتبة Athapoo

موقع Athapoo : www.Athapoo.com
موقع مؤسسة Minda : www.Minda.com.eg

الإتصال المباشر و الطلبات : Support@Minda.com.eg