+ + + + +
Share/Save/Bookmark

2008-04-18

التعامل مع الصوتيات والمرئيات


نظرا لأن البعض يسأل عن كيفية اضافة المواد السمعية احبب ان اشرح بالتفصل الاكواد المتعلقة بهذة العملية .

اولا : صوت فى الخلفية يعمل اوتوماتيكيا:
-----------------------------------
قبل البدء اقول ان عمل صوت فى الخلفية يعمل بشكل تلقائى هو امر مزعج الى ابعد حد , حيث يستهلك السرعه ويشتت الانتباه ويتعب المعدة ويجبر الزائر على الاستماع رغما عن انفه , دعك من اجهزة اغلينا هى اجهزة متواضعه و " بتهنج من الاخر " , مما يجعل الزائر فى الاخير يغلق الصفحة مضطرا وحالفا بالله العظيم انه لن يعود مرة اخرى ولو كان ذلك على جثته .
المهم , اذا اردت ان تشل زائريك فاليك طريقة عمل صوت فى الخلفية :
اتبع هذا المسار :


dashbord > layout > template > page elements > add a page element


التى فى الاطار الجانبى , واختر اداة Html/Java script وضع فيها هذا الكود :


<embde src="رابط الملف الصوتى هنا بين علامتى التنصيص" autostart="true" loop="false" volume="100" hidden="true">


ضع رابط الملف الصوتى فى المكان المحدد الملون باللون الاحمر .
volume=100 : تحديد طبقة الصوت , ويمكنك تغيير القيمة .

loop=false : الملف لن يتكرر بعد انتهاء عرضه , يمكنك جعله يتكرر بابدال القيمة بـ true .

autostart=true : الملف سيعمل بشكل تلقائى ,يمكنك منع ذلك وجعل الزائر يختار التشغيل بابدال القيمة الى false بدلا من true .

hidden=true : هذا الوسم هو الذى يجعل شريط التشغيل يختفى فى الخلفية , بامكانك ان تظهرة بابدال القيمة true وجعلها false .

طبعا كل الكلام ده على اساس ان الملف الصوتى مرفوع بالفعل على الانترنت .
اما لو كان الملف عندك عالهارد فلازم اولا ترفعه على موقع رفع مجانى زى google page creator . طريقة استعمال جوجل بيجز من هــنــا , وبعدين تستعمل اللينك , ولو عايز لينكات مباشرة كمل للاخر فيه كذا طريقة . انزل معايا ....


ثانيا : عرض الملفات الام بى ثرى mp3 :
------------------------------------

بفرض ان الملفات مرفوعه بالفعل على الانترنت ومعاك الروابط بتاعتها , هانستعمل الكود ده بتاع مشغل موقع http://www.odeo.com اعتقد انه اجمل شئ شفته واسهلهم .


<embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=[MP3 file address]" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>



استبدل لينك الملف الام بى ثرى بهذه القطعة [MP3 file address] كاملة
ويمكنك التعديل على المقاسات , العرض width والطول height .

مثال : الكود ده لاغنية لسامى يوسف ..
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.odeo.com/flash/audio_player_standard_gray.swf" width="300" height="52" type="application/x-shockwave-flash" quality="high" allowscriptaccess="always" wmode="transparent" flashvars="valid_sample_rate=true&external_url=http://www.sarzaminmp3.com/sarzaminmusic/arabic/128KB/Sami%20Yusuf%20-%20My%20Ummah%202005/04_%20Ya%20Rasulallah.mp3"></embed>


هايدينا المنظر ده :






ثالثا : الفيديو
-------------------

طبعا الفيديو امره سهل , لان بلوجر فيها خدمة رفع الفيديو وبتدعم امتدادات كتير , غير انك ممكن تجيب الفيديو بسهولة من عالـ Youtube او اى موقع تانى بمجرد الحصول على كود الفيديو ونسخه فى التدوينة فى وضع Edir Html مش فى وضع compose .

لكن على اى حال لو عايز تستخدم طريقة الاكواد الكلاسيك , يمكنك استعمال هذا الكود ايضا لجميع انواع الملفات ,صوت او فيديو بامتدادات MP3 , WMA , AVI , MPG


<object id="MediaPlayer" type="application/x-oleobject" height="42" standby="Loading Windows Media Player components..." width="320" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><embed type="application/x-mplayer2" src="رابط الملف هنا بين علامتى التنصيص" name="MediaPlayer" width="320" height="42"></embed></object>



وللامتدادات النادرة الاخرى مثل realplayer او quick time او rm او ram او غيرها , صوت او فيديو , يمكنك استعمال هذا الكود


<object codebase="http://www.apple.com/qtactivex/qtplugin.cab" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><embed pluginspage="http://www.apple.com/quicktime/download/" href="رابط الملف هنا بين علامتى التنصيص" target="myself" kioskmode="true" type="video/quicktime" controller="false" autoplay="false"></embed>
</object>



فى حالة الكودين الاخرين , المتصفح هايطلب منك انك run active x قبل الدخول .
اوهايطلب منك انك install quickplayer لو كان الملف كويك .
ملحوظة : لو كانت الاضافات غير مدعمة فى المتصفح لديك يمكنك تثبيتها من
هـــــنـــا


رابعا : قطع المشغلات الصوتية flash players widgets
--------------------------------------------------

اعتقد ان افضل مشغل من نوع فلاش شوفته هو اللى فى الموقع ده , لوجود كثير من الاشكال وامكانية التعديل على الالوان , وامكانية عمل قائمة تشغيل كاملة playlist بالاضافة الى افض امكانية وهى البحث عن ملفات الام بى ثرى بكل سهولة .
اختار المشغل : من هـــنــا .



بعد الانتهاء هايطلب من التسجيل , وهايديك كود المشغل .
اصنع اداه add a page element من النوع Html/Java script وانسخ فيها الكود واحفظ .

اهم شئ انك ممكن تستعمل الموقع ده فى الحصول على الروابط المباشرة على الانترنت بدون رفع ومعاناه .


-----------------



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

21 اضف تعليق , التعليقات:

عاشق العراق said...

السلام عليكم

اخ وائل

انا اريد استخدام اخر كود للصوتيات ولكن اريد ان اضع اكثر من اغنية اي اكثر من رابط

كيف افصل بينهم؟

المدير said...

على فكرة عجبنى جدا شكل المدوة والاجمل الشرح الممتاز و ربنا يوفقك

ارجو زيارة مدونتى

http://aeame.blogspot.com

Wael said...

عاشق العراق :
لو عايز تستخدم اكثر من اغنية
عليك بالطريقة الرابعه "flash player widget "
دى اسهل طريقة

عاشق العراق said...

انا جربتها لكنها لا تعمل

صحيح ان المشغل يظهر على المدونة لكنه لا يشغل الاغاني

Wael said...

اتاكد ان الروابط اللى انت وضعتها روابط سليمة
سواء روابط انت وضعتها او عن طريق البحث

عاشق العراق said...

كيف اتاكد؟؟؟؟

Wael said...

ببساطه حاول تحملها , لو اتحملت يبقا الرابط سليم

بس اتاكد ان الرابط مباشر , مش رابط لملف على موقع رفع زى الرابيد شير اوى اى موقع تانى . يكون رابط مباشر

أنا مسلمة said...

أول مرة أزرو المدونة وإستفدت منها بخصوص إضافة فلاش
فجزاكم الله خيرا
ولى سؤال
عند إضافة الفلاش أجده صغير جدااا يكاد ألا يظهر
ماسبب ذلك

Wael said...

انا مسلمة :

اهلا بيكى

كود اضافة الفلاش نفسه فيه مقاس ( العرض + الطول ) الفلاش
اتاكدى ان المقاسات دى مناسبة لحجم الفلاش الحقيقى

أنا مسلمة said...

جزاكم الله خيرا تم حل المشكلة

zahrt_albnfseg said...

مدونه جميله بس مش عارفه اشغل اى حاجه خالص

z!zOoOo said...

اولا السلام عليكم

ثانيا جزاك الله كل خير

انا فى الاستايل تقريبا الاستايل جديد

يعنى لايوت

مش بدخل على html اساسا

فى موقع برفع منه الاغنيه بينزل منه مشغل

ام بى ثرى بيشغل الاغانى لوحدها

ياريت تدخل تبص بصه وتقلى الحل فى مدونتى عارف انى هتعبك

بس معلش بقى

متشكر على المساعده

تحياتى

Reem57 said...

انا هذي هي مدونتي وارغب فقط في ادخال الصوت في الصفحة .هل استطيع بدون ان يتغير تصميمي
مع العلم ان القالب جاهز من قوقل.ولم اغير فيه شي.

Reem57 said...

عفوا نسيت اضع المدونه
http://reem57.blogspot.com

Wael said...

reem 57

طيب , البوست يحتوى بالفعل على طرق ادخال الصوت

جربى احداها , والتصميم لن يتغير , لا تقلقى

محمد إسماعيل سلامه said...

يا استاذ وائل مشكلتي بباسطة هي التصنيفات أي الأقسام اطلع على هذه المدونة ..
فهي كقالبي تماما
بها جزء اسمه أقسام المدونة وتحتهhttp://reem57.blogspot.com مسميات يندرج تحت كل مسمي المقالات الخاصة به ..
وهذا بالضبط ما أريد فعله ..
وأعلم كيف افعله ولكن المشكلة كيف اكرره ؟؟
بمعني ..أريد إنشاء اكثر من قسم وليس اكثر من مسمى ؟؟
لا مشكلة في إضافة قسم ثم تحتهخ مسميات وعند كتابه المقالىة ادرجها تحت المسمى الخاص بها والمسميات تظهر في الرسائل ..

المهم أريد تكرار تلك العملية بإنشاء قسم آخر ..فالقسم الول الذي انشاته وانشات تحته عدة مسميات خاصه به ..

عندما أنشأت قسما آخر ..كلما أدرجت له مسمي اندرج أيضا تحت القسم الأول ..ويندرج تحت كل قسم انشأه
وكأن القالب لا يسمح إلا بقسم واحد فقط ؟؟؟

لا أعتقد انك ما زلت لا تفهمني ..
أرجو الرد

رهام Reham said...

يعطيك الف عافية
ساعدتني جدا

الله يبارك فيك

l3ba said...

انا محمله الايبود اللي حاطته في مدونتي ويشغل الاغاني بس موتلقائي اول ماادش الصفحه لازم اضغط زر التشغيل وانا اريده تلقائي مجرد فتح الصفحه ممكن تساعدني

rahil said...
This comment has been removed by the author.
rahil said...

شكرا جزيلا على الموضوع لكن عندي استفسار كيف استطيع اضافة صوت للمدونة يعمل اول ما تفتح المدونة وصوت اخر عند مغادرة الزائر للمدونة

Einstein-DZ said...

السلام عليكم ورحمة الله تعالى وبركاته أما بعد:
ياريت تضع كود موقع آخر بدل
http://www.odeo.
لأن هذا الأخير لايعمل.
ثانيا: لقد جربت كل الأكواد التي عرضتها في هذا المقال ولكن دون جدوى ولم أستطع إضافة ملف صوتي إلى مدونتي مع العلم أنني أرفع نلفات الصوتية على موقع:
https://www.box.com/

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات