เมโทรนอมและเครื่องตั้งสายสำหรับเว็บไซต์ของคุณ
หากต้องการใส่เมโทรนอมในเว็บไซต์ ให้เลือกตัวเลือกด้านล่าง แตะ “คัดลอกโค้ด” แล้ววางโค้ดในบล็อก 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": วิดเจ็ตจะโหลดเมื่อเลื่อนมาใกล้หน้าจอเท่านั้น เสียงและการวิเคราะห์ไมโครโฟนทำงานบนอุปกรณ์ของผู้เข้าชม