0:05
بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النهاردة إن شاء الله هنتكلم مع بعض عن الـ Audio Tag في مواقع كتير جداً أيمة على الـ Audio Tag ده المواقع اللي بتقدم خدماتها وملفاتها الصوتية مواقع مثلاً إسلامية بتقدم مثلاً قرآن وأنشيد مواقع مثلاً بتقدم أغاني مواقع مثلاً بتقدم نغمات أو تأثيرات صوتية للناس بتستخدمها في الأفلام وصانع المحتوى وكلام ده تعالوا مع بعض نتكلم على طول عن الـ Audio Tag
0:34
الـ AudioTag لها Attribute اسمه Source بتكتب فيه المصدر بتاع الملف زي الصور بالضبط تشوف الملف الصوتي بتاعك فين وتكتب هنا المصار بتاعه فيه طريقتين لكتابة الـ Source إما كـ Attribute في الـ AudioTag نفسه بالشكل ده أو جوة الـ AudioTag تقدر تستعمل الـ Source Element الـ Source Element مستوء أن أنت تقدر تستعمل أكتر من Source إيه الحكمة في استعمال أكتر من Source؟
0:59
عندما تكتب أكثر من مواد في مواد الأوديو تجد أن البروزر تبحث عن النوع الملائم لها وتستعمله. يعني أنت تستطيع وضع نوع من أنواع الأوديو هنا ولكن البروزر لا يدعم هذا النوع فلا يعمل. لكن عندما تضع هنا نوعين وثلاثة البروزر يرى من من المناسب له ويستعمله. عظيم. دعونا نتحدث عن هذا المواد و هذا فهمنا فكرة و لا يحتاج لتحدث عنه بعد.
1:25
وفي المشروع الموجود فيه ملف صوتية وملف فيديو و هذا هو الملف الصوتي
1:45
بعد استدعاء الملف من المكان الذي يوجد فيه تكتب هنا attribute اسمه type ما هو الtype كل ملف على الانترنت له شيء يسمى ميمي type كما ترون هذا هو الامتداد من أي ملف في العالم نوع الملف ما هو هذا
2:03
نحن الآن نتحدث عن ملف اسمه onewayticket.mb3 دعونا نرى هذا المتداد هذا هو نوعه مباشرة مباشرة مباشرة مباشرة مباشرة مباشرة مباشرة مباشرة مباشرة
2:20
الميمي طيب ونكمل باقي المعلومات انت قلت ان انت بتحط اكتر من source عشان البراغر يشوف مين فيهم ملائم ليه ويستخدمه مصبوط؟ مصبوط السورس تاني بتاعنا المفروض يكون فيه نفس الملف الصوتي ده بس بامتداد تاني زي مثلا ال OGG ده امتداد من امتدادات الملفات الصوتية مش هندخل دلوقتي يا شباب في عالم الصوتيات لانه ده مش المطلوب في الدرس المطلوب في الدرس معرفة ال Audio Tag وفهم ازاي تستخدمه في الموقع بتاعك
2:49
حسناً، عظيم، لنرى معاً ما هو ميمايكوديو، هذا هو ميمايكوديو، وهذا هو ميمايكوديو، لا يحتاج لأي شيء. لدينا أنواع أخرى مثل الـ Wave مثلاً
3:04
وهذا ملف نوعه ويو وهنا سيكون مي مي تايب اسمه اوديو ويو المفروض ان اكون حاطت ملف او اثنين من دول عشان البروزر اتأكد انه هيفهمو لكن احب اقولك وريحك ان المودرن بروزر او المتصفحات في العصر الحديث الامبسري كل المتصفحات بتدعمو يعني رايح دماغك وحط الامبسري فايل وخلص الموضوع
3:24
حسناً، عظيم، دعونا نقول أن هناك شخص فتح موقع معين فيه Audio Tag والبروزر الذي فتح منه ليس يدعم Audio Tag هذا نفسه. ماذا سيحدث في هذه اللحظة؟ لن يرى أي شيء أو لن يفهم أي شيء. لذلك نضع له هنا رسالة نقول له أن بروزرك لا يدعم Audio Tag.
3:46
و يمكنك إختيار الموقع من بروزر لا يدعم مقابلة الأوديو ستظهر لك الرسالة التي ستكتبها في هذه الموقع عظيم جداً و الحمد لله و كله تمام و مثل الفل عندنا بعض أترابيوت زريفة تخص الموقع مثل المقابلة الموجودة في الموقع مثل المقابلة الموجودة التي تظهر لك أزرار البلاي و أن تقوم بتعلي و توطي الصوت و أن تقدم و تقوم بكل هذا
4:12
نضيفها و نتفرج على الـ audio file بتاعنا قدي الـ audio file لشباب و قدي play و شغل خلاص كله تمام و قدي ان انا اوقف و اقدم اقفل الصوت اوطي الصوت اعلي الصوت دا الـ control بتاعنا عظيم جدا و لو روحنا فتحناه على browser تاني زي الـ edge برضو نفس الشكل لو روحت فتحته على الموزيلا مثلا فيرفوكس هتلاقي شكله مختلف شوية بس هو نفس كسة الـ audio بالضبط مفيش اختلاف طيب
4:39
لدينا اثنين اتريبيوت اخرى عظام وكويسين مثل: الـ AutoPlay الـ AutoPlay ستلاحظون انه كان عامل على جوجل كروم لكن الان لديهم بلوك للاتريبيوت هذا و بعد فترة من الكورس تجده رجع ثاني لا علينا انت محتاج فقط لتعرفه و تعرف انه موجود الـ AutoPlay يجعلك اول ما تفتح الصفحة يعمل AutoPlay للملف
5:01
ستلاحظ أن هذا الميزة لن تعمل على جوجل كروم ولكن على Edge ستعمل هذا الميزة نحن عرفنا الميزة وهو المطلوب لا نريد أكثر من هذا لدينا ميزة أخرى تسمى Loop يعمل لنفس الملف يعد ثانياً مثل ما تسمع
5:23
ويوجد ايضا شيء يسمى muted ويجعل صوت الادوات صمت ويجب ان تختار الميوتد لانهم فقط موجودين للتجربة لكنهم فعليا لا يوجد ايضا ايضا اريد ان اوضح لك
5:43
الناس اللي عندها مواقع عالمية للصوتيات بتلاقيه دايما حاطة الامتدادز كلها لان ده السيرفس بتاعته وديه الحاجة اللي هو مطكن فيها فلازم يتأكد 100% ان لو انت جبت متصفح العفريت هيكون كل الملفات شغالة عندك يارب يا جماعة الدرس يكون بسيط وسهل وعجبكو اشوفكو ان شاء الله في درس جديد والسلام عليكم
