دورة html5 [الــدرس الثالــث] الوسم الجديد [audio]

[Benarfa]

بسم الله الرحمن الرحيم

و الصلاة و السلام على أشرف المرسلين

حياكم الله إخواني أخواتي ، أعضاء و زوار و مشرفي هذا الصرح العظيم

الذي قدم لنا الكثير و ما زال يقدم لنا



اليوم بإذن الله أحبتي ... و في إطار دورة HTML5 التي قررنا بدأها


ألتقي بكم اليوم في ثاني درس من دروس الدورة كما أني أعتذر عن التأخر بين الدرس الأول و الدرس الثاني ^_^

الدرس الثاني بإذن الله سنتعرف فيه على أول الخصائص في HTML5 و التي لاقت شهرة كبيرة

هذه الخاصية هي خاصيةAudio حيث تسمح لكـ بإدراج الفيديو مباشرة في أي صفحة ويب

و سنتعرف عليها معاً في هذا الدرس بإذن الله !





اولا هذه الخاصية تشتغل في المتصفحات التالية:
google chrome ; safari



هذه الخاصية و مثل جميع دوال و خصائص HTML

تبدأ بـ <audio> و تنتهي بـ <audio/>

هكذا:
8710

الوسم Audio له خاصية واحدة و هي controls و تأخذ قمية نفسها و هي التي تتحكم في إظهار أزرار التحكم بالصوت

يعني Play ، Pause ، Stop الخ ...

لإدراج صوت داخل الوسم نكتب وسم جديد اسمه Source و يأخذ خاصية src و التي تحمل رابط أو مسار الفيديو

و كذلك type أي نوع الصوت و تأخذ ثلاث قيم مختلفة audio/mp3 و audio/ogg و audio/Wav

أي صيغ الفيديو التي يقبلها الوسم ....

سنأخذ مثال لصوت بصيغة mp3 و نحاول إدراجه في صفحتنا

سيكون الكود هكذا:
8711


أخيراً أطلب من الله التوفيق و آمل أن تشجعوني حتى نكمل هذه الدورة بإذن الله

[doola2020]

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

[ahmed0eagle]

ان الله لا يضيع اجر من احسن عملا

---------- Post added at 07:30 PM ---------- Previous post was at 07:08 PM ----------

ان الله لا يضيع اجر من احسن عملا

[nabiloviche]

رحمة الله و بركاته
أولا مشكورين أخواني جميـــعا في الحقيقة
لأني مبتدأ و إستفدت
دمت في رعاية اللله إنشاء الله يجازك العافية
الحمد لله على إحسانه

والشكر له على توفيقه وامتنانه

وأشهد أن لا إله إلا الله وحده لا شريك له تعظيما لشانه

[ahmed0eagle]

ان الله لا يضيع اجر من احسن عملا

[toukibobe18]

رأيت العلم صاحبه كريمٌ......ولو ولدته آباءُ لئِـامُ
وليس يزال يرفعه إلى أن......يُعظم أمره القوم الكرامُ
ويتبعونه في كل حالٍ......كراعي الضأن تتبعه السوام
فلولا العلم ماسعدت رجال......ولاعُرِف الحلال ولا الحرامُ

[ahmed0eagle]

ان الله لا يضيع اجر من احسن عملا

---------- Post added 11-28-2013 at 07:33 AM ---------- Previous post was 11-27-2013 at 08:19 PM ----------

ان الله لا يضيع اجر من احسن عملا

[yahia ali]

من الأحاديث الشريفة

· " إن لله عباداً اختصهم لقضاء حوائج الناس، حببهم للخير وحبب الخير إليهم، أولئك الناجون من عذاب يوم القيامة"

· "لأن تغدو مع أخيك فتقضي له حاجته خير من أن تصلي في مسجدي هذا مائة ركعة"

· " من كان له فضل ظهر فليعد به على من لا ظهر له"

· " خير الناس أنفعهم للناس" والحديث يشير إلى نفع الناس أجمعين وليس نفع المسلمين فقط.

· " المال مال الله والناس عيال الله وأحبهم إلى الله أنفعهم لعياله"

· " تبسمك في وجه أخيك صدقة" وهذا يدل على أن التصدق المعنوي له مكانة كذلك

[ahmed0eagle]

ان الله لا يضيع اجر من احسن عملا

[sadredine]

السلام عليكم...............
مشكورين أخواني الكل
لأني مبتدأ و إستفدت
دمت في رعاية اللله إنشاء الله يجازك العافية
والشكر له

[WASEM DALLOUL]

السلام عليكم
شكرا لك يا أخي الكريم على الدرس الثالث في دورة html وبارك الله فيك وجزاك كل خير
وبالتوفيق للجميع

[abdelmoumenDK]

السلام عليكم اخواني
الآن أطلب بطاقة ماستركارت مجانا تصلك حت للمنزل واربح $25 وذلك باتباع الرابط التالي
http://www.payoneer.com/payment-services/en/referafriend/?tellapal.id=335e8422-6a24-43aa-bdfd-4dce502b7d63&f=Abdelmoumen&refid=3298682&dist_src=facebook_js
عندما تنتهي من التسجيل ستجد رابطك الخاص انشره كم فعلت وستربح $25
وجزاكم الله خيرا

[nacero]

ظهرت لغة التجميع بوصفها أو لغة ترميز، تستخدم الرموز symbolic code للتعبير عن تعليمات لغة الآلة، وذلك لمواجهة صعوبة الترميز بلغة الآلة، ولغة التجميع لغة قريبة من لغة الآلة التي يفهمها الحاسب الآلي، وتسمى هذه اللغات بلغات المستوى البسيط .

[fido]

آلسلام عليكم و رحمة الله و بركاته
كل الشكر والتقدير لك على مشاركتك الرائعه والمميزه
جزاك الله خير، وليبارك لك في قلمك الراقي
واتمنى ان شاء الله الإفادة لكل الأعضاء المنتدى
وفي انتظار جديدك من المواضيع الجديدة والمميزة

[maroki]

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

[arkantos]

سـلام عليكم
بارك الله فيك اخي الفاضل
جزاك الله كل خير على الإفادة
في انتظار جديدك
موفق
موضوع منضم و رائع و الشرح أيضا كدالك
تحيآآتي.

[auoubharrab2]

رأيت العلم صاحبه كريمٌ......ولو ولدته آباءُ لئِـامُ
وليس يزال يرفعه إلى أن......يُعظم أمره القوم الكرامُ
ويتبعونه في كل حالٍ......كراعي الضأن تتبعه السوام
فلولا العلم ماسعدت رجال......ولاعُرِف الحلال ولا الحرامُ

[مريم ميري]

السلام عليكم شكرا ليك موضوع رائع ويستحق التقدير به معلومات مفيدة لم اكن اعرفها من قبل وكافية ووافية مثل ما بنقول
تطرقت لاهم النقط بhtml5 وكيف الواحد يقدر يستعملو ويشتغل فيه انطلاقا من الاعتماد على هده المعطيات
لكن لازم البحث اكثر والسلام

[Mahmoud Pastore]

السلام عليكم ورحمة الله وبركاته
مشكور اخي على هذا الموضوع جزاك الله خير ومنتظرين منك المزيد من المواضيع المميزه
تقبل مرورى اخي العزيز

[zouhairzz]

السلام عليكم و رحمة الله و بركاته مشكور اخي الكريم على هذا الموضوع
نصائح هامة و مفيدة اخي الكريم ارجو ا يستفد منها الاخخوة

[jaune]

السلام عليكم و رحمة الله و بركاته
اللهم إغننا بحَلالِك عن حرامك وبفضلك عمَّن سواك
لغة الاتش تي إم إل لغة جميلة جدا ولكن أعذرني يا أخي الفاضل هذا القسم لشرح الام كيو إل وهي خاصة ببرمجة الاكسبيرتات تابعة لمنصة التداول
جزاك الله كل خير

[max123]

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله تعالى و بركاته
مشكور اخي على هذة المشاركة الرآائعة
نتمنى التوفيق للجميع والربح انشاء الله
في انتضار الجديد بحول الله

[wafaa benhsain]

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

[milou9]

السلام عليكم
لغة الاتش تي امل لغة الويب وتستعمل في تطوير المواقع والبرامج وعرفت انتشار واسعا شكرا على الشرح الرائع وعلينا نحن العرب ان نطلع اكثر هذه اللغات ونستفيد منها في تطوير الويب العربي
نحن ننتظر دروسك القادمة وبالتوفيق

[haffoudinho]

سلام الله عليكم
رغم ان الموضوع معقد شيئا ما الا انك استطعت التفوق فيه فاللهم بارك في فعلت. وفقك الله دائما الى عمل الخير شكرا لك.
بالتوفيق

[komano]

درس جد رائع والله وفيت شكرا لك اتمنى لك كل توفيق
لك ولنا ان شاء الله

[shosheta80]

جزاك الله كل خير اخى الكريم أن الله لا يضيع اجر من احسن عملا

[Malik89]

السلام عليكم ورحمة الله وبركاته
شكرا لك اخي العزيز على هذا الموضوع اسعفتنا بموضوعك الرائع استمر على هذا المنوال
وبارك الله فيك
والسلام عليكم ورحمة الله وبركاته تقبل مروري اخي العزيز
تحياتي لك ووفقك الله...

[waelnoha]

السلام عليكم ورحمة الله وبركاته اخي الكريم مشكور لجهودك وموفق باذن الله تعالى ولاكن ممكن موضوعك تضعه مكانه لان الجزء ده خاص بي الاكسريبت

[milou9]

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

[sansam]

السلام عليكم و رحمة الله تعالى و بركاته
مشكور ايها الاخ الكريم على هذه المجهودات الجبارة و التي نحتاج مثلها في وقتنا هذا
و لكم مني اطيب المنى

[mamdouh.adil]

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

[TMT]

السلام عليكم ورحمة الله وبركاته موضوع رائع يا اخى شرح موفق منك
مشكور علي هذه المعلومات الاكثر من رائعة
موضوع مميز وجيد وربنا يوفقك وبارك الله فيك وجزاك خيراً والسلام عليكم ورحمه الله

[AboMoZo]

بسم الله الرحمن الرحيم ... السلام عليكم ورحمة الله وبركاته
جزاك الله كل خير علي هذا الطرح المفيد
بإنتظار جديد مواضيعك فلا تحرمنا من الفائدة
تقبل مروري وخالص التحية وتمنياتي بالتوفيق والسداد