ساخت موزیک پلیر در لاراول

Need javascript
Audio object

ossvahid@
ممنون از پاسختون 🌹
لطفا توضیح میدین.

از لاراول اطلاعی ندارم ولی باید جاوااسکریپت بلد باشید برای اینکار

const Audio = new Audio("audio.mp3");
// متد پخش صدا 
Audio.play();
// متد توقف صدا 
Audio.pause();
document.getElementById('#play-and-pause-button').onclick = function (){
// paused پراپرتی تعیین وضعیت پخش bool
if(Audio.paused){
Audio.play();
} else {
Audio.pause();
}
}

موزیک درحال پخش

Audio.addEventListener("timeupdate", function(){
// دریافت آدرس فایل صوتی درحال پخش
alert(Audio.currentSrc);
// مدت زمان فایل صوتی
alert(Audio.duration);
// مدت زمان سپری شده از فایل صوتی 
Alert(Audio.currentTime)
})

javascript Audio Object

Good luck

ossvahid@
فقط این که وقتی این موزیک در صحفه index در حال اجراست چ جوری در صحفه دیگر به اطلاعاتش (زمان جاری )دسترسی پیدا کنم ؟

خب این موزیک فرضا داره تو صفحه x پخش میشه و باید دقیقا کد های موزیک پلیری که داخل صفحه x هست داخل صفحه y هم باشه

نکته مهمش اینکه باید زمان تغییر صفحه صفحه مورد نظر رفرش نشه تا موزیکی که در حال پخش هستش متوقف نشه وقتی صفحه رفرش میشه در واقع کدهای جاوا اسکریپت و html دوباره لود میشه برا همین پخش متوقف میشه باید یکاری کنی که صفحه بدون رفرش شدن بارگزاری بشه با لاراول فک کنم شاید با لایوایر بشه که بنده اطلاعی ندارم چطوری هاس ولی با آجاکس هم میتونید هندل کنید

یکار دیگم میشه که که با وجود رفرش شدن صفحه به اطلاعات دسترسی داشته باشی و تا صفحه رفرش شد و بعدش لود شد بتونی موزیک رو کنترل کنی یا از ادامه پخشش کنی

باید مقادیر رو در locastroge از طریق جاوااسکریپت ذخیره کنی و هربار در موزیک تغییر داده شد هی locastroge رو آپدیت کنی بعد شما ی locastroge داری که حتی با رفرش شدن صفحه هم داده های موزیکی که درحال پخش بوده رو داری

کلا باید جاوااسکریپت مسلط باشی پیاده کردنش سخته

درود خوبی...
پیوندهای زیر:
https://codepen.io/sekedus/pen/ExxjZEz
https://codepen.io/craigstroman/pen/aOyRYx