2.5 KiB
title | localeTitle |
---|---|
HTML5 Audio | صوت HTML5 |
صوت HTML5
قبل HTML5 ، كان يجب تشغيل الملفات الصوتية في متصفح باستخدام مكون إضافي مثل Adobe Flash. HTML
يستخدم عنصر لتضمين محتوى الصوت في المستندات. قد يحتوي على واحد أو أكثر من مصادر الصوت ، ممثلة باستخدام السمة src أو عنصر المصدر
يضيف مقتطف الشفرة التالي ملفًا صوتيًا باسم الملف tutorial.ogg
أو tutorial.mp3
. ال يشير العنصر إلى ملفات صوتية بديلة قد يختارها المتصفح. سوف يستخدم المتصفح أول تنسيق معترف به.
مثال 1
`
Your browser does not support the audio element. `مثال 2
<audio src="https://s3.amazonaws.com/freecodecamp/simonSound1.mp3" controls loop autoplay> </audio>
تتضمن سمة controls
الصوتية مثل التشغيل والإيقاف المؤقت ومستوى الصوت. إذا لم تستخدم هذه السمة ، فلن يتم عرض أي عناصر تحكم.
يمكّنك العنصر <source>
من الإشارة إلى الملفات الصوتية البديلة التي قد يختارها المتصفح. سيستخدم المتصفح تنسيق التعرف الأول. قد يظهر النص الموجود بين علامتي <audio>
و </audio>
في المتصفح الذي لا يدعم عنصر <audio>
HTML5.
ستقوم خاصية التشغيل التلقائي بتشغيل ملف الصوت تلقائيًا في الخلفية. من الأفضل ممارسة السماح للزوار باختيار تشغيل الصوت.
تشير السمة preload إلى ما يجب على المستعرض فعله إذا لم يتم تعيين المشغل على التشغيل التلقائي.
ستقوم السمة loop بتشغيل ملف الصوت الخاص بك في حلقة مستمرة إذا تم ذكرها
نظرًا لأن هذا html5 ، لا يدعمه بعض المتصفحات. يمكنك التحقق من ذلك في https://caniuse.com/#search=audio
معلومات اكثر:
https://caniuse.com/#search=audio
https://www.w3schools.com/html/html5_audio.asp
https://msdn.microsoft.com/en-us/library/gg589529(v=vs.85).aspx