{"product_id":"electronic-keyboard-unit-mega328p-inside-16key-fruit-paino-with-rgb-led-and-buzzer","title":"Electronic Keyboard Unit MEGA328P Inside 16Key Fruit Paino with RGB LED and Buzzer","description":"\u003cdiv id=\"specification\"\u003e\u003c\/div\u003e\u003cdiv id=\"specification_end\"\u003e\u003c\/div\u003e\u003cdiv\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"description\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eDescription:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eMA KEY\u003c\/span\u003e Unit is inspired by an Invention kit called Ma key Ma key which brings the concept that users can connect everyday objects to computer programs. Using a circuit board, alli gator clips, and a USB cable, the circuit uses closed loop electrical signals to send the microprocessor either a keyboard stroke or m o u s e click signal. We've tried connect a bounch of fruits, one for each key,to this Unit. When you touch the ap ple, you make a connection, and Ma Key sends the processor a keyboard message. The buzzer inside or speaker on M5core will exhibit the key value, so instead of using a keyboard, you can make a fruit piano.\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    This Unit communicates with the M5Core via the GROVE A I2C(0x51).\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003eInstructions:\u003c\/span\u003e\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    1  Use the buzzer on the unit to exhibit sounds:\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    Take a Dupont wire(male to male), one end plug into GND, hold the other end to your hand. Take another Dupont wire(male to male), one end plug into different key holes, the other end hold by the other hand. Make it a close circult. Plug into different key tones the buzzer will emit the corresponding tones.\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"color: rgb(33, 37, 41);\"\u003e2 \u003c\/span\u003e\u003cfont color=\"#ff0000\"\u003e \u003c\/font\u003e\u003cfont color=\"#212529\"\u003eUse the speaker on the M5core to exhibit sounds: Connct MA KEY with M5Core via Grove A Download this \u003c\/font\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/Makey_NewVersion\/\/Makey_new_version\" style=\"color: rgb(33, 37, 41); box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003eexample\u003c\/a\u003e\u003cfont color=\"#212529\"\u003e.\u003c\/font\u003e\u003c\/p\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    Repeat the same operation as above. you will see this sound much better.\u003c\/p\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"product-features\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eProduct Features:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     for  Mega328p Controller\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Buzzer inside\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Up to 16 keys\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Software Development Platform: for , UIFlow(Blockly,Python)\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Two Le go-compatible holes\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Product Size: 32.2mm x 24.2mm x 8.2mm\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Product weight: 7.1g\u003c\/li\u003e   \u003c\/ul\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"include\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003ePackage \u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eInclude\u003c\/span\u003ed:\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     1x MA KEY unit\u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     1x GROVE Cable\u003c\/li\u003e   \u003c\/ul\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"application\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eApplication:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     Fruit piano\u003c\/li\u003e   \u003c\/ul\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" height=\"40%\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/M5GO_Unit_makey_05.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"40%\"\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"related-link\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eRelated Link:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cul apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; padding-left: 1.5rem; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/www.youtube.com\/channel\/UCozgFVglWYQXbvTmGyS739w\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eOffical Video\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"http:\/\/forum.m5stack.com\/\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eForum\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e    \u003cli style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003e     \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px;\"\u003e      \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder;\"\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/Makey_NewVersion\/firmware_328p\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eMaykey Firmware\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/p\u003e    \u003c\/li\u003e   \u003c\/ul\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"easyloader\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eEasyLoader\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" margin-top:=\"\" segoe=\"\" src=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/image\/EasyLoader_logo.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"100px\"\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cbutton class=\"btn btn-primary\" style=\"box-sizing: border-box; font-size: 1rem; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: rgb(0, 123, 255); border-width: 1px; border-style: solid; border-color: rgb(0, 123, 255); font-family: inherit; margin: 0px; border-radius: 0.25rem; line-height: 1.5; overflow: visible; white-space: nowrap; vertical-align: middle; user-select: none; padding: 0.375rem 0.75rem; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; color: rgb(255, 255, 255); cursor: pointer;\" type=\"button\"\u003eclick to download EasyLoader\u003c\/button\u003e\u003c\/p\u003e   \u0026lt;blockquote style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; overflow: visible; padding: 1.5em; border-width: var(--blockquote-border-width, 0); border-style: var(--blockquote-border-style); border-color: var(--blockquote-border-color); border-radius: var(--blockquote-border-radius); background: var(--blockquote-background); color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \u0026amp;quot;Segoe UI\u0026amp;quot;, Roboto, \u0026amp;quot;Helvetica Neue\u0026amp;quot;, Arial, sans-serif, \u0026amp;quot;Apple Color Emoji\u0026amp;quot;, \u0026amp;quot;Segoe UI Emoji\u0026amp;quot;, \u0026amp;quot;Segoe UI Symbol\u0026amp;quot;; quotes: \u0026amp;quot;\u003ce style=\" color:red;\"\u003e   \u003cp style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 0px;\"\u003e    \u003cspan style=\"background-color: rgb(247, 247, 247);\"\u003e1.EasyLoader is a simple and fast program burner, and each product page has a product-related case program for EasyLoader.\u003c\/span\u003e\u003cbr\u003e    \u003cbr\u003e    2.After downloading the software, double-click to run the application, connect the M5 device to the computer via the data cable, select the port parameters, and click \u003cspan style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-weight: bolder; color: var(--strong-color, currentColor);\"\u003e\"Burn\"\u003c\/span\u003e to start burning.\u003c\/p\u003e   \u003cp apple=\"\" class=\"tip\" color=\"\" color:=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 2em 0px; position: relative; padding: var(--notice-padding); border-width: var(--notice-important-border-width, var(--notice-border-width, 0)); border-style: var(--notice-important-border-style, var(--notice-border-style)); border-color: var(--notice-important-border-color, var(--notice-border-color)); border-radius: var(--notice-border-radius); background: var(--notice-important-background, var(--notice-background)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    3.The CP210X (USB driver) needs to be installed before the EasyLoader is burned. \u003cstrong\u003e\u003ca href=\"https:\/\/docs.m5stack.com\/#\/en\/related_documents\/establish_serial_connection\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\"\u003e\u003cspan style=\"color:#ff0000;\"\u003eClick here to view the driver installation tutorial\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"example\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003eExample:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"_1--ide\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin-top: 1rem; font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003e1. for  IDE\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h3\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eThe code below is incomplete. To get complete code, please click\u003cstrong\u003e\u003cspan style=\"color:#ff0000;\"\u003e \u003c\/span\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/Makey_NewVersion\/\/Makey_new_version\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003ehere\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/em\u003e\u003c\/p\u003e   \u003cpre data-lang=\"\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); line-height: var(--code-block-line-height); margin: var(--code-block-margin); overflow: hidden; color: var(--code-theme-text); background: var(--code-theme-background); tab-size: var(--code-tab-size); overflow-wrap: normal; word-break: normal; hyphens: none; position: relative; padding: 0px; border-radius: var(--code-block-border-radius);\" v-pre=\"\"\u003e  \u003ccode class=\"lang-\" style=\"box-sizing: border-box; font-size: var(--code-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: var(--code-font-family); color: var(--code-theme-text); word-break: normal; font-weight: var(--code-font-weight); line-height: var(--code-block-line-height); tab-size: var(--code-tab-size); word-spacing: normal; overflow-wrap: normal; hyphens: none; display: block; overflow: auto; padding: var(--code-block-padding);\"\u003e#include \u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026lt;\u003c\/span\u003eM5Stack.h\u003c\/span\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026gt;\u003c\/span\u003e\u003c\/span\u003e  #include \u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token tag\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-tag);\"\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026lt;\u003c\/span\u003eWire.h\u003c\/span\u003e\u003cspan class=\"token punctuation\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; color: var(--code-theme-punctuation);\"\u003e\u0026gt;\u003c\/span\u003e\u003c\/span\u003e    \/\/ initialization  M5.begin();  pinMode(21, INPUT); pinMode(22, INPUT);  Wire.begin();\/\/ Init I2C    \/\/ read data  Wire.requestFrom(MA KEY_ADDR, 2);  while (Wire.available()) {    Key1 = Wire.read();\/\/read data from MA KEY    Key2 = Wire.read();\/\/read data from MA KEY    tone_key = (Key2\u0026lt;\u0026lt;8) | Key1;\/\/ the following picture will explain \"tone_key\"  }\u003c\/code\u003e\u003cbutton class=\"docsify-copy-code-button\" style=\"font-size: 1em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; font-family: inherit; margin: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; line-height: inherit; overflow: visible; cursor: pointer; transition: all 0.25s ease 0s; position: absolute; z-index: 1; top: 0px; right: 0px; padding: 0.65em 0.8em; border-width: 0px; border-style: initial; border-color: initial; outline: 0px; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-clip: ; opacity: 0;\"\u003e\u003cspan class=\"label\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none;\"\u003eCopy to clipboard\u003c\/span\u003e\u003cspan class=\"error\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003eError\u003c\/span\u003e\u003cspan class=\"success\" style=\"box-sizing: border-box; font-size: 0.825em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; cursor: pointer; transition: all 0.25s ease 0s; border-radius: var(--border-radius-s, 0); background: inherit; pointer-events: none; position: absolute; z-index: -100; top: 22.375px; left: 0px; padding: 0.5em 0.65em; opacity: 0; transform: translateY(-50%);\"\u003eCopied\u003c\/span\u003e\u003c\/button\u003e\u003c\/pre\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/unit_example\/MAKEY\/tone_key_pitch_zh_CN.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e\u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" height=\"30%\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/M5GO_Unit_makey_04.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\" width=\"30%\"\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"_2-uiflow\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h3-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cbr\u003e    \u003cspan style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-line: none; text-decoration-skip-ink: auto; background-color: transparent; border-bottom: 0px;\"\u003e\u003cstrong\u003e2. UIFlow\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h3\u003e   \u003cp apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: 1em 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cem style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none;\"\u003eTo get complete code, please click \u003cstrong\u003e\u003ca href=\"https:\/\/github.com\/m5stack\/M5-ProductExampleCodes\/tree\/master\/Unit\/Makey_NewVersion\/UIFlow\" style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-color: var(--link-text-decoration-color); text-decoration-skip-ink: auto; background-color: transparent; border-bottom: var(--link-border-bottom);\" target=\"_blank\"\u003e\u003cspan style=\"color:#ff0000;\"\u003ehere\u003c\/span\u003e\u003c\/a\u003e\u003c\/strong\u003e.\u003c\/em\u003e\u003c\/p\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/unit_example\/MAKEY\/example_unit_makey_02.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   \u003ch2 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"schematic\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h2-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h2-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cbr\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; text-decoration-line: none; text-decoration-skip-ink: auto; background-color: transparent; border-bottom: 0px;\"\u003eSchematic:\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h2\u003e   \u003cbr\u003e   \u003cimg apple=\"\" class=\"medium-zoom-image\" color=\"\" helvetica=\"\" segoe=\"\" src=\"https:\/\/docs.m5stack.com\/assets\/img\/product_pics\/unit\/makey_sch.png\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border: 0px none; vertical-align: middle; cursor: zoom-in; transition: transform 0.3s ease 0s; max-width: 100%; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e   \u003ch3 apple=\"\" border-color:=\"\" border-style:=\"\" border-width:=\"\" color=\"\" color:=\"\" font-weight:=\"\" helvetica=\"\" id=\"pinmap\" line-height:=\"\" padding:=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: var(--heading-h3-font-size); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; margin: var(--heading-h3-margin, var(--heading-margin)); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003cspan style=\"font-size:16px;\"\u003e\u003cstrong\u003e\u003cspan style=\"box-sizing: border-box; text-size-adjust: none; border-bottom-style: initial; border-bottom-color: initial;\"\u003ePinMap:\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\n\u003c\/h3\u003e   \u003ctable apple=\"\" color=\"\" helvetica=\"\" segoe=\"\" style=\"box-sizing: border-box; font-size: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-collapse: collapse; display: block; overflow: auto; margin: 1rem 0px; border-spacing: 0px; color: rgb(33, 37, 41); font-family: -apple-system, BlinkMacSystemFont, \" ui=\"\"\u003e    \u003ctbody style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; border-color: var(--table-body-border-color); border-style: solid; border-width: var(--table-body-border-width, 0);\"\u003e     \u003ctr style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; background: var(--table-row-odd-background);\"\u003e      \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e       M5Core(GROVE A)\u003c\/td\u003e      \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e       GPIO22\u003c\/td\u003e      \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-padding); border-color: var(--table-cell-border-color); border-style: solid; border-width: var(--table-cell-border-width, 0);\"\u003e       GPIO21\u003c\/td\u003e      \u003ctd style=\"box-sizing: border-box; font-size: inherit; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-size-adjust: none; padding: var(--table-cell-pad\"\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\u003c\/e\u003e\n\u003c\/div\u003e","brand":"Electronic Pro","offers":[{"title":"Default Title","offer_id":35468129304732,"sku":"1526324","price":382.92,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2787\/9162\/products\/e4c29c6e-589c-4b33-a3bc-dbcd4b8cd6eb.jpg?v=1597149536","url":"https:\/\/electronic-pro-south-africa.myshopify.com\/products\/electronic-keyboard-unit-mega328p-inside-16key-fruit-paino-with-rgb-led-and-buzzer","provider":"Electronic Pro ","version":"1.0","type":"link"}