سون لرن • آموزش

در این قسمت میخوام یک کد ( Audio Visualizer2xa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک دایره با استفاده از Three.js ساخته شده و قرار گرفته. با استفاده از دکمه choose a mp3 file در بالا و سمت چپ صفحه میتونین یک صدا یا موسیقی رو انتخاب کنید و زمانی که صدا پخش میشه، این دایره به زیبایی عکس العمل نشون میده و حالت جالبی رو به وجود میاره. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطل...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که با استفاده از WebGL ساخته شده و بسیار زیبا و حرفه ای هست. در ابتدا در سمت چپ یک جعبه قرار داره که تعدادی دیسک موزیک درون اونا قرار داده شده. با کلیک بر روی هر کدوم، اون مورد از جعبه بیرون میاد و با کلیک بر روی Listen میتونین به اون گوش بدید و در سمت راست اون رو مدیریت کنید. برای شروع وارد سایتxa0dihhxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید...

در این قسمت میخوام یک کد ( Material design music appxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک رابط کاربری حرفه ای و بصورت Material ساخته شده و قرار گرفته و زمانی که بر روی دکمه Play کلیک میکنید، اون مورد فعال میشه و شروع به چرخیدن میکنه و زمانی که بر روی دکمه توقف یا pause کلیک میکنید به حالت اولیه و انتخاب آهنگ برمیگرده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Sou...

*, *:before, *:after { xa0xa0-webkit-box-sizing: border-box; xa0xa0-moz-box-sizing: border-box; xa0xa0box-sizing: border-box; } section { xa0xa0font-family: 'Open Sans', sans-serif; xa0xa0height: 350px; xa0xa0position: relative; xa0xa0background-clip: fixed; xa0xa0background-repeat: no-repeat; xa0xa0background-size: cover; xa0xa0background-position: center center; xa0xa0overflow: hidden; xa0xa0width: 94%; xa0xa0margin: 0 auto 30px; } section a { xa0xa0text-transform: uppercase; xa0xa0font-weight...