مترونوم وتيونر لموقعك
لوضع مترونوم في موقعك، اختر الخيارات أدناه، واضغط «نسخ الكود» والصق الكود في كتلة HTML في صفحتك. ويعمل التيونر بالطريقة نفسها. إنه مجاني ولا يحتاج إلى تسجيل ولا إعلانات في الودجت.
اصنع ودجتك
معاينة
يؤدي الرابط أسفل الودجت إلى MetronoTuner. يمكنك حذفه، لكنه يساعد المشروع على البقاء مجانيًا.
كيف تضعه في موقعك
انسخ الكود من المولّد أعلاه والصقه في منصتك:
WordPress
- افتح الصفحة أو المقال في المحرر.
- اضغط + واختر كتلة «HTML مخصص».
- الصق الكود وانشر.
Wix
- في المحرر، اضغط «إضافة عناصر» (+) › «تضمين كود» › «تضمين HTML».
- اختر «كود» والصق ثم اضغط «تحديث».
- كبّر الصندوق حتى يتسع الودجت كاملًا.
Blogger
- في محرر المقال، بدّل إلى «عرض HTML».
- الصق الكود حيث يجب أن يظهر الودجت ثم عد إلى العرض العادي.
- للشريط الجانبي: «التخطيط» › «إضافة أداة» › «HTML/JavaScript».
Notion
- هنا، اضغط «نسخ العنوان فقط» (لا يقبل Notion كود HTML).
- في صفحة Notion، اكتب /embed واختر «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": لا يُحمَّل الودجت إلا حين يقترب من الشاشة. ويعمل الصوت وتحليل الميكروفون على جهاز الزائر.