Emad Saif نشر 6 سبتمبر 2022 أرسل تقرير مشاركة نشر 6 سبتمبر 2022 أحاول عمل موقع للعبة وأريد أن يتم تشغيل صوت بسيط (طوله أقل من ثانية) عند الضغظ على أحد الأزرار. هل توجد مكتبات تساعد في تشغيل الأصوات في React.js أو هل يمكن تنفيذ هذا الأمر في React.js بشكل مباشر بدون مكتبات؟ 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Adnane Kadri نشر 6 سبتمبر 2022 أرسل تقرير مشاركة نشر 6 سبتمبر 2022 بشكل بسيط، يمكنك اسناد وظيفة تشغيل الصوت الى حدث الضغط على الزر. نشغل الصوت عن طريق الجافاسكربت بشكل عادي كـ: let audio = new Audio("/audio.mp3") ثم الحدث start: const start = () => { audio.play() } وأخيرا استهداف الحدث onClick: <button onClick={start}>Play</button> يكون كاملا: import React from 'react'; function App() { let audio = new Audio("/audio.mp3") const start = () => { audio.play() } return ( < div > <button onClick={start}>تشغيل</button> </div > ); } export default App; اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
1 Wael Aljamal نشر 6 سبتمبر 2022 أرسل تقرير مشاركة نشر 6 سبتمبر 2022 يمكنك استعمال useSound hook التثبيت: npm install use-sound التضمين: import useSound from 'use-sound' import mySound from '../assets/sounds/yourSound.mp3' // ملف الصوت function MyButton(){ // ربط الملف مع دالة التحكم const [playSound] = useSound(mySound) return ( <button onClick={() => playSound()}> Play Sound زر التحكم لتشغيل الصوت </button> ) } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Emad Saif
أحاول عمل موقع للعبة وأريد أن يتم تشغيل صوت بسيط (طوله أقل من ثانية) عند الضغظ على أحد الأزرار.
هل توجد مكتبات تساعد في تشغيل الأصوات في React.js أو هل يمكن تنفيذ هذا الأمر في React.js بشكل مباشر بدون مكتبات؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.