استخدم وظيفة JavaScript للسماح لزوار الموقع بتشغيل ملف MP3.
هناك عدد من الطرق الممكنة لتضمين وتشغيل ملفات MP3 الصوتية على صفحات الويب الخاصة بك. تعد علامة "التضمين" التي تم إيقاف العمل بها في HTML والعديد من مشغلات الفلاش والمشغلات المستندة إلى جافا أمثلة. يوفر معيار HTML5 ، بتركيزه على البرمجة النصية وعدم اعتماده على برامج الطرف الثالث ، الطريقة الأكثر توافقًا لتضمين وتشغيل ملفات MP3 على صفحات الويب من الآن فصاعدًا. قم بتضمين ملف MP3 باستخدام كائن HTML5 "audio" ، ثم استخدم وظيفة JavaScript لبدء تشغيله
الخطوة 1
أضف التعليمات البرمجية التالية إلى نص مستند HTML الخاص بك:
فيديو اليوم
يقوم هذا الرمز بتضمين وتحميل ملف MP3 ، لكنه لا يقوم بتشغيله. تحتوي قيمة العلامة "src" على مسار واسم ملف MP3.
الخطوة 2
أضف شفرة JavaScript التالية بين علامات "head" لمستند HTML الخاص بك:
هذه الوظيفة ، عند استدعائها ، تصل إلى عنصر "الصوت" بواسطة معرفها ("mp3") ، وتستخدم طريقة play () لتشغيله.
الخطوه 3
أضف زرًا إلى صفحة الويب لاستدعاء وظيفة "playMP3" عندما ينقر المستخدم عليها. أضف التعليمات البرمجية التالية إلى نص مستند HTML:
غيّر سمة "القيمة" لمنح الزر عنوانًا مختلفًا.
الخطوة 4
استخدم الوظيفة التالية بدلاً من "playMP3" للسماح للمستخدم بإيقاف الملف مؤقتًا بعد بدء تشغيله:
الوظيفة playpauseMP3 () {if (document.getElementById ("mp3"). paused) {document.getElementById ("mp3"). play ()؛ } else {document.getElementById ("mp3"). pause ()؛ } }
غيّر سمة "onClick" الخاصة بعلامة "input" في الخطوة 3 لمطابقة اسم هذه الوظيفة.
