کدهای جذاب و دیدنی ( Web audio visualizer ) : به تصویر کشیدن صدا با Canvas

در این قسمت میخوام یک کد ( Web audio visualizer ) جالب رو در اختیارتون بزارم.

دمو

توضیحات مربوط به کد Web audio visualizer

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

با زدن بر روی هر دکمه، یک حالت موج مانند زیبا و رنگی در پایین صفحه نمایش داده میشه و با شدت گرفتن صدا نیز، این موج به زیبایی تغییر حالت میده.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

لینک دانلود

Source

audio beauty code CSS idea inspire Web audio visualizer