💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ فرزام مدنی پور
خطای کد مرورگر
جامعه جاوا اسکریپت ایجاد شده در ۲۰ فروردین ۱۴۰۳

سلام . من کد رو مینویسم اما خطا میدهد.

خطای مرورگر: .Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first

const audio = document.querySelector('audio');
audio.play();
setTimeout(() => {
    audio.pause()
}, 2000);
<div class="player">
      <div class="imgBx">
        <img src="https://m.media-amazon.com/images/I/61jNfu1D+HL._UF894,1000_QL80_.jpg" alt="Luka Chuppi">
      </div>
      <audio  src="http://dl.yekmusic.com/Song/Adele%20%7C%20Hello%20(320).mp3?_=3"></audio>   
   </div> 

سلام،

خطا به این دلیل است که جدیدا مرورگرها اجازه پخش خودکار صدا را نمی‌دهند مگر اینکه کاربر قبلاً با صفحه تعامل داشته باشد. این تغییر در رفتار مرورگر به منظور جلوگیری از مزاحمت‌های ناخواسته برای کاربران هنگام باز کردن صفحات وب است. برای حل این مشکل، باید عملیات پخش (play()) پس از تعامل مستقیم کاربر با صفحه انجام شود.

محسن موحد ۲۴ فروردین ۱۴۰۳، ۲۱:۳۸