ایجاد پلیر پخش کننده آهنگ بصورت ثابت در پایین صفحه spa

30 مهر ۱۴۰۰
با سلام و خسته نباشید ببخشید استاد من در یک پروژه احتیاج دارم که یک پلیر بسازم و وقتی کاربر کلیک کرد و پادکستشو پلی کرد وقتی به صفحات دیگه میره پلیر آپدیت و رندر نشه و اینطوری بگم که جابجایی بین صفحات تاثیری روی پلیر نداشته باشه و پلیر کار خودشو بکنه ( الان با وجود اینکه spa هست پروژه وقتی کاربر روی یک منوی دیگه مثلا کلیک میکنه کل صفحه رندر میشه و پلیر صفر میشه از اول )
1205

7 پاسخ
  • قاسم بساکی30 مهر ۱۴۰۰

    سلام دوست عزیزم. 

    اول اینکه باید پلیر توی layout اصلی باشه و به پلیر 

    wire:ignore 

    بدید

    ولی باز هم ممکنه جواب نده. چون همونطور که گفتم حالت spa رو turbolinks.js داره پیاده میکنه

    ولی این کارو که گفتم انجام بدید

  • 30 مهر ۱۴۰۰

    سپاس از پاسخگویی شما 

    متاسفانه wire:ignore هم جواب نمیده 

    آیا راهی وجود نداره ؟ یا برم سمت vuejs ؟ من کل پروژه رو با لایووایر پیاده کردم خیلی سخته برم سمت vue استاد

    اگه راه حلی لایبرری چیزی کمکم کنین خیلی ممنونتون میشم استاد

  • 30 مهر ۱۴۰۰

    استاد ببخشین من دقیقا برای منو اصلی هم همین مشکلو دارم spa

    منوی اصلی که مثلا خانه ، پادکست ها ، درباره ما و …

    وقتی کاربر روی دکمه پادکستها بزنه باید یک استایل بخوره مثلا رنگ اون منو بشه خاکستری که کاربر بدونه الان کدوم منو هست

    یا مثلا منوی درباره ما رو زد رنگ منو خاکستری بشه و این حالت رو برای مسیر بعدی زیر منو حفظ کنه اما تو اینم مشکل دارم

    دقیقا مث پلیر میخوام state ها رو حفظ کنم

     

    خیلی ممنون میشم راهنمایی فرمایید

  • قاسم بساکی30 مهر ۱۴۰۰

    خواهش میکنم دوست من

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

    ولی فراموش نکنید ، لایووایر داره از زبان php استفاده میکنه و دارید از سیستم روتینگ لاراول استفاده میکنید برای نویگیت بین صفحات. اگر همینطور که میگم باشه بعید میدونم بشه پیادش کرد مگر اینکه پروژه رو تغییر بدید و از روتینگ لاراول استفاده نکنید. مثلا چیزی شبیه ریکت و ویو ، یک کامپوننت والد داشته باشیم و نویگیت بین صفحات رو وابسته به پراپرتی ها (استیت ها) کنیم. که اگر پروژه بزرگ باشه این مورد هم کمی غیر منطقی به نظر میرسه.

    راستش همچین موردی تابحال برام پیش نیومده که بخوام با لایووایر پیاده کنم چون با تصورم اینه که نشه پیادش کرد و اگر هم بوده با ری اکت انجام دادم.

    باز هم بررسی میکنم اگر موردی به ذهنم رسید حتما اطلاع میدم

  • قاسم بساکی30 مهر ۱۴۰۰

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

  • 1 آبان ۱۴۰۰

    سپاس استاد عزیز

  • قاسم بساکی1 آبان ۱۴۰۰

    خواهش میکنم دوست عزیزم . در خدمت هستم