سلام دوستان. من میخوام در پروژه لاراولی ام در صحفه index موزیک پلیر بسازم با این قابلیت که بعد. ریدایرکت شدن کاربر به سایر روت پروژه در اون صحفه بتونم موزیک درحال پخش علاوه بر اطلاعاتش بتونم زمان جاری موزیک در حال پخش بگیرم و کاربر بتونه در اون صحفه موزیک next یا prevبزنه یا زمان جاری موزیک عوض کنه.
لطفا راهنایی کنید .
از لاراول اطلاعی ندارم ولی باید جاوااسکریپت بلد باشید برای اینکار
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)
})
ossvahid@
فقط این که وقتی این موزیک در صحفه index در حال اجراست چ جوری در صحفه دیگر به اطلاعاتش (زمان جاری )دسترسی پیدا کنم ؟
خب این موزیک فرضا داره تو صفحه x پخش میشه و باید دقیقا کد های موزیک پلیری که داخل صفحه x هست داخل صفحه y هم باشه
نکته مهمش اینکه باید زمان تغییر صفحه صفحه مورد نظر رفرش نشه تا موزیکی که در حال پخش هستش متوقف نشه وقتی صفحه رفرش میشه در واقع کدهای جاوا اسکریپت
و html
دوباره لود میشه برا همین پخش متوقف میشه باید یکاری کنی که صفحه بدون رفرش شدن بارگزاری بشه با لاراول
فک کنم شاید با لایوایر
بشه که بنده اطلاعی ندارم چطوری هاس ولی با آجاکس
هم میتونید هندل کنید
یکار دیگم میشه که که با وجود رفرش شدن صفحه به اطلاعات دسترسی داشته باشی و تا صفحه رفرش شد و بعدش لود شد بتونی موزیک رو کنترل کنی یا از ادامه پخشش کنی
باید مقادیر رو در locastroge
از طریق جاوااسکریپت
ذخیره کنی و هربار در موزیک تغییر داده شد هی locastroge
رو آپدیت کنی بعد شما ی locastroge
داری که حتی با رفرش شدن صفحه هم داده های موزیکی که درحال پخش بوده رو داری
کلا باید جاوااسکریپت
مسلط باشی پیاده کردنش سخته
درود خوبی...
پیوندهای زیر:
https://codepen.io/sekedus/pen/ExxjZEz
https://codepen.io/craigstroman/pen/aOyRYx
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟