ক্লিক সাউন্ড উইজেট
এক লাইন কোডে আপনার ওয়েবসাইটের প্রতিটি ক্লিকে একটি নরম সাউন্ড আর একটি রিপল দিন। একটি সাউন্ড আর রং বাছুন, বাক্সে চেষ্টা করে দেখুন, তারপর স্নিপেটটি আপনার পেজে কপি করুন।
সবকিছু আপনার ব্রাউজারে চলে। আপনি যা টাইপ, ক্লিক, ভিডিও বা বলেন, তার কিছুই আপলোড বা সেভ হয় না।
কীভাবে যোগ করবেন
- একটি সাউন্ড, রিপলের রং আর সাইজ বাছুন, আর চেষ্টা করতে বাক্সে ক্লিক করুন।
- কপি চাপুন আর স্নিপেটটি আপনার পেজে, ঠিক
</body>-এর আগে পেস্ট করুন। - ব্যস: পেজের প্রতিটি ক্লিক আর ট্যাপে সাউন্ড বাজে আর রিপল আঁকা হয়।
জেনে রাখা ভালো
- এটি একটি ছোট স্ক্রিপ্ট, clacky.app থেকে লোড হয়। কোনো কুকি নেই, কোনো ট্র্যাকিং নেই, কিছুই সংগ্রহ করা হয় না।
- ব্রাউজার কেবল কেউ ক্লিক বা ট্যাপ করার পরেই সাউন্ডের অনুমতি দেয়, আর ঠিক তখনই এটি বাজে।
- যাঁরা “Reduce motion” চালু করেছেন তাঁরা রিপল পান না, আর সাউন্ড ডিফল্টভাবে আস্তে বাজে।
- এক কোণে একটি ছোট “Clicks by Clacky” লিংক থাকে। এটাই উইজেটটিকে ফ্রি রাখে, তাই দয়া করে সেটি রেখে দিন।
কোথায় মানায়
পোর্টফোলিও, মজার ল্যান্ডিং পেজ, গেম, বাচ্চাদের সাইট, ডেমো। সম্ভবত আপনার ব্যাংকের চেকআউট পেজে নয়।
প্রশ্ন
আমার ওয়েবসাইটে কীভাবে ক্লিক সাউন্ড যোগ করব?
এখানে একটি সাউন্ড বাছুন, এক লাইনের স্নিপেটটি কপি করুন আর আপনার পেজে </body>-এর আগে পেস্ট করুন। তারপর প্রতিটি ক্লিকে সাউন্ড বাজবে আর রিপল দেখাবে।
এটা কি Webflow, Framer, WordPress বা Squarespace-এ কাজ করে?
হ্যাঁ, যেখানেই পেজে কাস্টম কোড যোগ করা যায়: স্নিপেটটি সাইটের কাস্টম কোড বা ফুটার কোড সেটিংয়ে পেস্ট করুন।
উইজেটটি কি আমার ভিজিটরদের ট্র্যাক করে?
না। এটি কোনো কুকি সেট করে না আর কোথাও কিছু পাঠায় না। আপনার ভিজিটরদের ব্রাউজার শুধু স্ক্রিপ্ট ফাইলটি ডাউনলোড করে।
“Clicks by Clacky” লিংকটি কি সরাতে পারি?
লিংকটিই উইজেটটিকে ফ্রি রাখে, তাই দয়া করে রেখে দিন। যদি এটি আপনার ডিজাইনের সাথে না মেলে, hello@clacky.app-এ আমাদের জানান।
আরও ফ্রি টুল
- কীবোর্ড টেস্টারপ্রতিটি কী চাপুন, দেখুন কোনগুলো কাজ করে।
- মাউস টেস্টপ্রতিটি বাটন, হুইল আর ডাবল-ক্লিক।
- CPS টেস্টপ্রতি সেকেন্ডে ক্লিক, 1 থেকে 60 সে.।
- ওয়েবক্যাম টেস্টআপনার ক্যামেরা, তার রেজোলিউশন আর fps।
- মাইক্রোফোন টেস্টলাইভ লেভেল, ওয়েভফর্ম, 5 সেকেন্ডের প্লেব্যাক।
- ডেড পিক্সেল টেস্টখারাপ পিক্সেল ধরতে ফুল-স্ক্রিন রং।
- আমার স্ক্রিন রেজোলিউশন কত?রেজোলিউশন, Retina স্কেল, ভিউপোর্ট, Hz।
- Mac কীবোর্ডের চিহ্ন⌘ ⌥ ⇧ ⌃: নাম, কপি করতে ক্লিক।
- ইন্টারনেট স্পিড টেস্টMbps-এ ডাউনলোড, আপলোড আর পিং।
- ক্লিক সাউন্ড জেনারেটর৩৭টি ক্লিক সাউন্ড শুনুন, একটি WAV ডাউনলোড করুন।
- ক্লিক রিপল মেকারস্ক্রিনশট দিন, ক্লিক GIF বা ভিডিও নিন।
- স্ক্রিনশট ফ্রেমস্ক্রিনশটের জন্য Mac উইন্ডো, MacBook বা iPhone ফ্রেম।
- টাইপিং টেস্ট