{"product_id":"scroll-unit-with-hollow-shaft-encoder-ec10e1220501","title":"Scroll Unit with Hollow Shaft Encoder (EC10E1220501)","description":"\u003cdiv style=\"position: relative; padding-bottom: 55%; height: 0; overflow: hidden; max-width: 100%; border-radius: 8px; margin: 10px 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\" class=\"custom-video-container\"\u003e\u003cvideo controls=\"controls\" muted=\"\" playsinline=\"\" style=\"position: absolute; top: -2%; left: 0; width: 100%; height: 100%;\"\u003e\n    \u003csource type=\"video\/mp4\" src=\"https:\/\/m5stack.oss-cn-shenzhen.aliyuncs.com\/resource\/docs\/products\/unit\/UNIT-Scroll\/U186%20Scroll%20Unit%20%E8%A7%86%E9%A2%91.mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cstyle\u003e\n\/* ===== Scoped Description Style ===== *\/\n.product-description.rte {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n  color: #2c2c2c;\n  line-height: 1.65;\n  font-size: 16px;\n}\n\n\/* ===== Headings ===== *\/\n.product-description.rte h2 {\n  font-size: 1.8em;\n  color: #0D47A1;\n  border-left: 4px solid #1f6fe5;\n  padding-left: 12px;\n  margin-top: 32px;\n  margin-bottom: 16px;\n}\n\n\/* ===== H3 Titles Optimization ===== *\/\n.product-description.rte h3 {\n  font-size: 1.4em;\n  color: #0D47A1;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-weight: 500;\n  padding-bottom: 6px;\n  border-bottom: 2px solid #e6e6e6;\n}\n\n\/* ===== Paragraphs ===== *\/\n.product-description.rte p {\n  margin-bottom: 20px;\n  line-height: 1.8;\n  color: #4a4f57;\n  font-size: 16px;\n}\n\n\/* ===== Paragraph Images (only in description) ===== *\/\n.product-description.rte img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 24px auto;\n  border-radius: 12px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n}\n\n\/* ===== Lists ===== *\/\n.product-description.rte ul {\n  padding-left: 20px;\n  margin-bottom: 16px;\n  list-style-type: disc;\n}\n.product-description.rte li {\n  margin-bottom: 6px;\n}\n\n\/* ===== Links ===== *\/\n.product-description.rte a {\n  color: #0288D1;\n  text-decoration: none;\n  transition: color 0.3s ease;\n}\n.product-description.rte a:hover {\n  color: #01579B;\n}\n\n\/* ===== M5Stack-style Spec Table ===== *\/\n.product-description.rte .table-container {\n  width: 100%;\n  margin: 24px 0;\n  overflow-x: auto;\n}\n.product-description.rte .table-container table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: inherit;\n  font-size: 14px;\n  color: #2c2f36;\n  background-color: #ffffff;\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n}\n.product-description.rte .table-container thead th {\n  background: #1f6fe5;\n  color: #ffffff;\n  padding: 14px 16px;\n  text-align: center;\n  font-weight: 600;\n  border: none;\n  vertical-align: middle;\n}\n.product-description.rte .table-container td {\n  padding: 14px 16px;\n  border-bottom: 1px solid #e6ebf2;\n  vertical-align: middle;\n}\n.product-description.rte .table-container tbody td:first-child {\n  width: 36%;\n  text-align: center;\n  font-weight: 500;\n  color: #4a4f57;\n  background-color: rgba(31, 111, 229, 0.02);\n}\n.product-description.rte .table-container tbody tr:nth-child(even) {\n  background-color: #f7f9fc;\n}\n@media (hover: hover) {\n  .product-description.rte .table-container tbody tr:hover {\n    background-color: #eef3ff;\n  }\n}\n\n\/* ===== Learn \u0026 Documents Button ===== *\/\n.product-description.rte #learn-and-documents-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 14px;\n  background-color: #1f6fe5;\n  color: #ffffff;\n  font-weight: 600;\n  border-radius: 6px;\n  margin-top: 8px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n}\n.product-description.rte #learn-and-documents-btn:hover {\n  background-color: #1661c1;\n}\n\n\/* ===== Responsive Design for Smaller Screens (with table adjustments) ===== *\/\n@media screen and (max-width: 768px) {\n  .product-description.rte .table-container table,\n  .product-description.rte .table-container thead,\n  .product-description.rte .table-container tbody,\n  .product-description.rte .table-container th,\n  .product-description.rte .table-container td,\n  .product-description.rte .table-container tr {\n    display: block;\n    width: 100%;\n  }\n  .product-description.rte .table-container thead {\n    display: none;\n  }\n  .product-description.rte .table-container tbody tr {\n    padding: 12px 0;\n    border-bottom: 1px solid #e6ebf2;\n  }\n  .product-description.rte .table-container tbody td {\n    padding: 8px 16px;\n    border: none;\n    text-align: left;\n  }\n  .product-description.rte .table-container tbody td:first-child {\n    width: 100%;\n    background: none;\n    color: #1f6fe5;\n    font-weight: 600;\n    padding-top: 16px;\n  }\n  .product-description.rte .table-container tbody td:last-child {\n    padding-bottom: 16px;\n    color: #2c2f36;\n    line-height: 1.6;\n  }\n\n  \/* Ensure button appears correctly on mobile *\/\n  .product-description.rte #learn-and-documents-btn {\n    font-size: 14px;\n    padding: 8px 16px;\n  }\n}\n\u003c\/style\u003e\n\u003ch2 id=\"description\" data-id=\"Description\"\u003eDescription\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eUnit Scroll\u003c\/strong\u003e is a wheel-shaped rotary encoder expansion unit. It integrates a 12-bit pulse through-shaft encoder, button input, and a WS2812C programmable RGB LED. The built-in STM32F030 controller includes firmware for encoder pulse signal acquisition, allowing users to directly obtain encoder values through I2C, greatly simplifying the operation process. This unit is suitable for control scenarios such as scale value control and volume adjustment.\u003c\/p\u003e\n\u003ch2 id=\"features\" data-id=\"Features\"\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eBased on STM32 microcontroller\u003c\/li\u003e\n\u003cli\u003eAB phase output (12 pulses\/rotation)\u003c\/li\u003e\n\u003cli\u003eBuilt-in button\u003c\/li\u003e\n\u003cli\u003eMulti-color WS2812C RGB LED indicator\u003c\/li\u003e\n\u003cli\u003eI2C communication interface\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"includes\" data-id=\"Includes\"\u003eIncludes\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e1 x Unit Scroll\u003c\/li\u003e\n\u003cli\u003e1 x HY2.0-4P Grove cable (20cm)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"applications\" data-id=\"Applications\"\u003eApplications\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eIndustrial automation\u003c\/li\u003e\n\u003cli\u003eSmart home\u003c\/li\u003e\n\u003cli\u003eRobotics\u003c\/li\u003e\n\u003cli\u003eHuman-machine interaction\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2 id=\"specifications\" data-id=\"Specifications\"\u003eSpecifications\u003c\/h2\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSpecification\u003c\/th\u003e\n\u003cth\u003eParameter\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMCU\u003c\/td\u003e\n\u003ctd\u003eSTM32F030F4P6@32-bit ARM Cortex-M0 processor\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRotary Encoder\u003c\/td\u003e\n\u003ctd\u003eEC10E\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRotary Encoder Output\u003c\/td\u003e\n\u003ctd\u003eAB two-phase quadrature output\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRotary Encoder Pulses\u003c\/td\u003e\n\u003ctd\u003e12 pulses\/rotation\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRGB LED\u003c\/td\u003e\n\u003ctd\u003e1x WS2812C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eButton\u003c\/td\u003e\n\u003ctd\u003e1x button\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eI2C Communication Address\u003c\/td\u003e\n\u003ctd\u003e0x40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eOperating Temperature\u003c\/td\u003e\n\u003ctd\u003e0 ~ 40°C\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Size\u003c\/td\u003e\n\u003ctd\u003e32.0 x 24.0 x 18.9mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Weight\u003c\/td\u003e\n\u003ctd\u003e7.5g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Size\u003c\/td\u003e\n\u003ctd\u003e138.0 x 93.0 x 19.9mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGross Weight\u003c\/td\u003e\n\u003ctd\u003e12.7g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2 id=\"product comparison\" data-id=\"Product Comparison\"\u003eProduct Comparison\u003c\/h2\u003e\n\u003cdiv class=\"compare-table-container\"\u003e\n\u003cdiv class=\"table-container\"\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eProduct Compare\u003c\/th\u003e\n\u003cth\u003eUnit Scroll\u003c\/th\u003e\n\u003cth\u003eUnit Encoder\u003c\/th\u003e\n\u003cth\u003eUnit 8Encoder\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eForm\u003c\/td\u003e\n\u003ctd\u003eWheel\u003c\/td\u003e\n\u003ctd\u003eKnob\u003c\/td\u003e\n\u003ctd\u003eKnob\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eChannels\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003ctd\u003e1\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eResolution\u003c\/td\u003e\n\u003ctd\u003e12 pulses\/rotation\u003c\/td\u003e\n\u003ctd\u003e30 pulses\/rotation\u003c\/td\u003e\n\u003ctd\u003e15 pulses\/rotation\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePosition\u003c\/td\u003e\n\u003ctd\u003eAB Quadrature Output\u003c\/td\u003e\n\u003ctd\u003eAB Quadrature Output\u003c\/td\u003e\n\u003ctd\u003eAB Quadrature Output\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCommunication Mode\u003c\/td\u003e\n\u003ctd\u003eI2C (0x40)\u003c\/td\u003e\n\u003ctd\u003eI2C (0x40)\u003c\/td\u003e\n\u003ctd\u003eI2C (0x41)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003ch2\u003eLearn and Documents\u003c\/h2\u003e\n → DOCUMENTS \n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"m5stack-store","offers":[{"title":"Default Title","offer_id":46036115947580,"sku":"iij1787247154372","price":2.88,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/6985\/2220\/files\/scroll-unit-with-hollow-shaft-encoder-ec10e1220501_1.webp?v=1787247162","url":"https:\/\/luxecladstore.shop\/products\/scroll-unit-with-hollow-shaft-encoder-ec10e1220501","provider":"My Store","version":"1.0","type":"link"}