إصدار صوت إشعار عندما يتلقى المستخدم إشعارًا على موقع الويب react

هذه المشكلة عموما من تحديث الكروم الجديد , حسب ما أعتقد عليك أن تحدد بعض القيم لملف الصوت حتى يتم سماع الصوت, هنا صديقي بعض الكود الذي يجب أن تستخدمه حتى يتم سماع الصوت من غير مشاكل كالتالي :

يظهر هذا الخطأ عندما يفتح المستخدم الصفحة في تبويب جديد، ولكي يتم منع التشغيل التلقائي و يبدأ يظهر صوت بدون تفاعل المستخدم مع الصفحة منع غوغل كروم التشغيل التلقائي بدون كتم الصوت.

يمكن حل المشكلة بوضع السطر التالي قبل تسغيل الفيديو:

 media.muted = true;

ضمن الشيفرة:

const notificationSound = () => {
    const audio = new Audio(`${process.env.PUBLIC_URL}/notificationsound.mp3`);
    audio.load();

	 media.muted = true; // هنا

    audio.play().catch(error => {
      console.log(error)
    })
  };

هذا التعديل ضروري لإصدار كروم 66 و أحدث