Ahmed Alkangooni نشر 6 يوليو 2021 أرسل تقرير مشاركة نشر 6 يوليو 2021 كيف اضيف صوت اذا ضربت علي صوره 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 محمد أبو عواد نشر 6 يوليو 2021 أرسل تقرير مشاركة نشر 6 يوليو 2021 يمكنك فعل ذلك باستخدام جافاسكربت, لنشرح ذلك باستخدام الكود لاحظ كود html <img src="test.png" alt=""> <audio id="myAudio" src="closer.mp3"></audio> يمكننا اعطاء الصورة خاصية onclick أي عند الضغط على عليها نقوم بتشغيل الصوت, يمكننا فعل ذلك كالتالي <img src="test.png" alt="" onclick="document.getElementById('audio').play();"> <audio id="audio" src="closer.mp3"></audio> 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Salah Eddin Beriani2 نشر 6 يوليو 2021 أرسل تقرير مشاركة نشر 6 يوليو 2021 باستخدام javascript فقط يمكنك <body> <audio id="audio" src="Music/song.wav"></audio> <img id="img" src="assets/a.png" > <script> document.getElementById("img").addEventListener("click", function(){ document.getElementById("audio").play(); }); <script> </body> يمكنك أيضا عمل pause للصوت فرضا اذا كان مقطع طويل كأغنية مثلا <body> <audio id="audio" src="Music/song.wav"></audio> <img id="img" src="assets/a.png" > <script> document.getElementById("img").addEventListener("click", function(){ const audio = document.getElementById("audio") if (audio.duration > 0 && !audio.paused) {//يمكن التحقق ما ان كان المقطع يشتغل audio.pause()// اذا كان يستغل فعند الضغط على الصورة المقطع يتوقف }else{ audio.play() // اذا لم يكن يشتغل فعند الضغط على الصورة سيعمل } }); <script> </body> اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Ahmed Alkangooni
كيف اضيف صوت اذا ضربت علي صوره
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.