لینکهای مفید برای شرکت در مسابقه:
در زمان مسابقه میتوانید سوالهای خود را از قسمت "سوال بپرسید" مطرح کنید.
پروژه اولیه را از این لینک دانلود کنید.
برای اجرای پروژه، باید NodeJS
و npm
را از قبل نصب کرده باشید.
music-player
، دستور npm install
را برای نصب نیازمندیها اجرا کنید.npm start
را برای راهاندازی پروژه اجرا کنید.http://localhost:3000/
میتوانید نتیجه را ببینید.در این سوال ما قصد داریم یک موزیک پلیر ساده طراحی کنیم.
ظاهر کلی برنامه بدین صورت است:
در فایل Musics.js
موجود در پوشه data
لیستی از موزیک ها قرار داده شده است.
شکل ایتم های موجود در این فایل به شکل زیر است:
که name
نام موزیک و path
آدرس فایل آن است که باید توسط مرورگر پخش شود.
شما باید برنامه ای طراحی کنید که این موزیک ها را پخش نماید.
disabled
باشد و برای دکمه قبلی اگر موزیک فعلی اولین موزیک بود باید این اتفاق بیافتد.نکات
MusicPlayer.jsx
آورده شده است.props
های مورد نیاز کاپموننت های استفاده شده را به آن ها ارسال کنید.Object
مورد نیاز برای پخش موزیک در فایل Audio.js
در پوشه models
export
شده است.شما باید برای پخش موزیک از این Object
استفاده کنید.MusicPlayer.jsx
هستید.
پس از اعمال تغییرات، پروژه را zip کرده و ارسال کنید.node_modules
در فایل ارسالی نباشد.