আপনার ওয়েবসাইটের জন্য মেট্রোনোম ও টিউনার
আপনার ওয়েবসাইটে মেট্রোনোম বসাতে নিচের অপশন বেছে নিন, “কোড কপি করুন” ট্যাপ করুন আর কোডটি আপনার পেজের HTML ব্লকে পেস্ট করুন। টিউনারও একইভাবে কাজ করে। এটি ফ্রি, সাইন-আপ লাগে না, আর উইজেট কোনো বিজ্ঞাপন দেখায় না।
আপনার উইজেট বানান
প্রিভিউ
উইজেটের নিচের লিংক MetronoTuner-এ নিয়ে যায়। আপনি সেটি সরাতে পারেন, কিন্তু সেটি প্রকল্পটিকে ফ্রি রাখতে সাহায্য করে।
আপনার সাইটে কীভাবে যোগ করবেন
ওপরের বিল্ডার থেকে কোড কপি করে আপনার প্ল্যাটফর্মে পেস্ট করুন:
WordPress
- এডিটরে পেজ বা পোস্ট খুলুন।
- + ট্যাপ করে “কাস্টম HTML” ব্লক বেছে নিন।
- কোড পেস্ট করে প্রকাশ করুন।
Wix
- এডিটরে “এলিমেন্ট যোগ করুন” (+) › “এমবেড কোড” › “HTML এমবেড করুন” ট্যাপ করুন।
- “কোড” বেছে নিন, পেস্ট করুন আর “আপডেট” ট্যাপ করুন।
- পুরো উইজেট না দেখা পর্যন্ত বক্সের আকার বদলান।
Blogger
- পোস্ট এডিটরে “HTML ভিউ”-তে যান।
- যেখানে উইজেট দেখাতে চান সেখানে কোড পেস্ট করে সাধারণ ভিউতে ফিরুন।
- সাইডবারের জন্য: “লেআউট” › “গ্যাজেট যোগ করুন” › “HTML/JavaScript”।
Notion
- এখানে “শুধু ঠিকানা কপি করুন” ট্যাপ করুন (Notion HTML কোড নেয় না)।
- আপনার Notion পেজে /embed টাইপ করে “এমবেড” বেছে নিন।
- ঠিকানা পেস্ট করে নিশ্চিত করুন।
HTML
- কোড <body>-এর ভেতরে, যেখানে উইজেট দেখাতে চান সেখানে পেস্ট করুন।
- উইজেট পাওয়া চওড়া জায়গা ভরে নেয়, কোডে ঠিক করা সর্বোচ্চ সীমা পর্যন্ত।
কোড নিজে বদলাতে চাইলে
উইজেটের ঠিকানা এই প্যারামিটারগুলো নেয়, প্রতিটি ভাষায় একই (নাম আর মান ঠিক এভাবেই থাকে, অনুবাদ ছাড়া):
-
bpm - মেট্রোনোমের টেম্পো, 30 থেকে 250। উদাহরণ:
bpm=90 -
compasso - টাইম সিগনেচার আর অ্যাকসেন্ট গ্রুপিং। উদাহরণ:
compasso=7/8:2+2+3 -
instrumento - টিউনারের বাদ্যযন্ত্র (এটি ছাড়া টিউনার ক্রোমাটিক)। উদাহরণ:
instrumento=ukulele -
afinacao - বাদ্যযন্ত্রের টিউনিং (এটি ছাড়া স্ট্যান্ডার্ড)। উদাহরণ:
afinacao=drop-d -
tema - claro (হালকা), escuro (গাঢ়) বা auto (ডিভাইস অনুযায়ী)। উদাহরণ:
tema=escuro -
tamanho - compacto শুধু দরকারি জিনিস দেখায়। উদাহরণ:
tamanho=compacto -
fundo - transparente দিলে আপনার সাইটের ব্যাকগ্রাউন্ড দেখা যায়। উদাহরণ:
fundo=transparente
পূর্ণ টুলগুলো
সচরাচর জিজ্ঞাসা
উইজেট কি ফ্রি?
হ্যাঁ। যেকোনো সাইট এটি ব্যবহার করতে পারে: ব্লগ, শিক্ষকের সাইট, স্কুল বা ব্যান্ড। উইজেট কোনো বিজ্ঞাপন দেখায় না আর অ্যাকাউন্ট চায় না।
এটা কি ফোনে চলে?
হ্যাঁ। উইজেট স্ক্রিনের চওড়া অনুযায়ী মানিয়ে নেয় আর ফোন, ট্যাবলেট ও ডেস্কটপ ব্রাউজারে চলে।
সাইন-আপ করতে হয়?
না। শুধু কোড কপি করে আপনার সাইটে পেস্ট করুন: অ্যাকাউন্ট নেই, কী নেই, লগ-ইন নেই।
উইজেটের ভেতরে কি মাইক্রোফোন চলে?
হ্যাঁ, টিউনারে। কোডে আগে থেকেই allow="microphone" আছে, যা iframe-এর ভেতরে মাইক্রোফোন চালু করে, আর প্রথমবার ব্রাউজার দর্শকের কাছে অনুমতি চায়। শব্দ ডিভাইসেই বিশ্লেষণ হয় আর কখনো রেকর্ড বা পাঠানো হয় না। আপনার সাইটে HTTPS থাকতে হবে; যে প্ল্যাটফর্ম কোডকে অন্য ফ্রেমে মোড়ে, যেমন Wix আর Notion, সেখানে ব্রাউজার মাইক্রোফোন আটকে দিতে পারে।
আমি কি রং বদলাতে পারি?
আপনি হালকা থিম, গাঢ় থিম বা স্বয়ংক্রিয় বেছে নিতে পারেন, যা দর্শকের ডিভাইস অনুযায়ী চলে, আর ব্যাকগ্রাউন্ড স্বচ্ছ করতে পারেন যাতে উইজেট আপনার সাইটে মিশে যায়। বোতামের রং MetronoTuner-র।
উইজেট কি আমার সাইট ধীর করবে?
না। কোড loading="lazy" ব্যবহার করে: উইজেট স্ক্রিনের কাছাকাছি এলে তবেই লোড হয়। শব্দ আর মাইক্রোফোনের বিশ্লেষণ দর্শকের ডিভাইসে চলে।