{"title":"MoerLab Tutorials","description":"\u003cp\u003eLearn how to set up and use your MoerLab Auracast™ devices.\u003c\/p\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    * {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body {\n      font-family: Arial, sans-serif;\n      background: #f7f9fc;\n      color: #1a1a1a;\n      line-height: 1.6;\n    }\n\n    a {\n      text-decoration: none;\n      color: inherit;\n    }\n\n    .container {\n      width: 90%;\n      max-width: 1280px;\n      margin: 0 auto;\n    }\n\n    \/* Header *\/\n    .tutorials-hero {\n      background: linear-gradient(135deg, #0c1f3f 0%, #1e88e5 100%);\n      color: #fff;\n      padding: 70px 20px;\n      text-align: center;\n    }\n\n    .tutorials-hero h1 {\n      font-size: 42px;\n      margin-bottom: 16px;\n      font-weight: 700;\n    }\n\n    .tutorials-hero p {\n      font-size: 18px;\n      max-width: 760px;\n      margin: 0 auto;\n      opacity: 0.95;\n    }\n\n    \/* Intro *\/\n    .intro {\n      padding: 50px 0 20px;\n      text-align: center;\n    }\n\n    .intro h2 {\n      font-size: 30px;\n      margin-bottom: 12px;\n      color: #0c1f3f;\n    }\n\n    .intro p {\n      font-size: 17px;\n      color: #555;\n      max-width: 820px;\n      margin: 0 auto;\n    }\n\n    \/* Filter tabs *\/\n    .filter-tabs {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 12px;\n      margin: 35px 0 20px;\n    }\n\n    .filter-btn {\n      padding: 10px 18px;\n      border: 1px solid #d7e3f4;\n      background: #fff;\n      border-radius: 999px;\n      cursor: pointer;\n      font-size: 14px;\n      font-weight: 600;\n      transition: all 0.25s ease;\n      color: #1e3a5f;\n    }\n\n    .filter-btn:hover,\n    .filter-btn.active {\n      background: #1e88e5;\n      color: #fff;\n      border-color: #1e88e5;\n    }\n\n    \/* Sections *\/\n    .tutorial-section {\n      padding: 35px 0 20px;\n    }\n\n    .section-title {\n      font-size: 28px;\n      color: #0c1f3f;\n      margin-bottom: 8px;\n    }\n\n    .section-desc {\n      color: #666;\n      margin-bottom: 26px;\n      font-size: 16px;\n    }\n\n    \/* Cards *\/\n    .video-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n    }\n\n    .video-card {\n      background: #fff;\n      border-radius: 18px;\n      overflow: hidden;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .video-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 12px 28px rgba(0,0,0,0.10);\n    }\n\n    .video-thumb {\n      position: relative;\n      width: 100%;\n      padding-top: 56.25%;\n      background: #dbe8f7;\n      overflow: hidden;\n    }\n\n    .video-thumb img {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .play-badge {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: 68px;\n      height: 68px;\n      border-radius: 50%;\n      background: rgba(30, 136, 229, 0.92);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n    }\n\n    .play-badge::before {\n      content: \"\";\n      display: block;\n      margin-left: 4px;\n      border-left: 18px solid #fff;\n      border-top: 12px solid transparent;\n      border-bottom: 12px solid transparent;\n    }\n\n    .video-content {\n      padding: 20px;\n    }\n\n    .video-tag {\n      display: inline-block;\n      font-size: 12px;\n      font-weight: 700;\n      color: #1e88e5;\n      background: #eaf4ff;\n      padding: 6px 10px;\n      border-radius: 999px;\n      margin-bottom: 12px;\n    }\n\n    .video-content h3 {\n      font-size: 20px;\n      color: #0c1f3f;\n      margin-bottom: 10px;\n      min-height: 52px;\n    }\n\n    .video-content p {\n      font-size: 15px;\n      color: #666;\n      margin-bottom: 18px;\n      min-height: 72px;\n    }\n\n    .video-link {\n      display: inline-block;\n      color: #1e88e5;\n      font-weight: 700;\n      font-size: 15px;\n    }\n\n    .video-link:hover {\n      text-decoration: underline;\n    }\n\n    \/* CTA *\/\n    .support-cta {\n      margin: 60px 0 80px;\n      background: #0c1f3f;\n      color: #fff;\n      border-radius: 22px;\n      padding: 40px 30px;\n      text-align: center;\n    }\n\n    .support-cta h3 {\n      font-size: 30px;\n      margin-bottom: 12px;\n    }\n\n    .support-cta p {\n      max-width: 760px;\n      margin: 0 auto 20px;\n      color: rgba(255,255,255,0.88);\n      font-size: 16px;\n    }\n\n    .cta-btn {\n      display: inline-block;\n      background: #1e88e5;\n      color: #fff;\n      padding: 13px 24px;\n      border-radius: 999px;\n      font-weight: 700;\n      transition: background 0.25s ease;\n    }\n\n    .cta-btn:hover {\n      background: #166fc2;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n      .video-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .tutorials-hero h1 {\n        font-size: 36px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .video-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .tutorials-hero {\n        padding: 56px 18px;\n      }\n\n      .tutorials-hero h1 {\n        font-size: 30px;\n      }\n\n      .intro h2,\n      .section-title,\n      .support-cta h3 {\n        font-size: 24px;\n      }\n\n      .video-content h3,\n      .video-content p {\n        min-height: auto;\n      }\n    }\n  \u003c\/style\u003e\n\u003c!-- Hero --\u003e\n\u003csection class=\"tutorials-hero\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch1\u003eMoerLab Tutorials\u003c\/h1\u003e\n\u003cp\u003eLearn how to set up, connect, and use your MoerLab Auracast™ devices with easy step-by-step video guides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Intro --\u003e\n\u003csection class=\"intro\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2\u003eVideo Guides for Every Product\u003c\/h2\u003e\n\u003cp\u003eExplore tutorials for transmitters, receivers, speakers, and the MoerLab Assistant App. Find quick answers and learn how to get the best experience from your Auracast™ devices.\u003c\/p\u003e\n\u003cdiv class=\"filter-tabs\"\u003e\n\u003cbutton class=\"filter-btn active\"\u003eAll\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eTransmitters\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eReceivers\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eSpeakers\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eApp\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Tutorials Grid --\u003e\n\u003csection class=\"tutorial-section\"\u003e\n\u003cdiv class=\"container\"\u003e\n\u003ch2 class=\"section-title\"\u003eFeatured Tutorials\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eStart with the most popular setup and operation guides for MoerLab products.\u003c\/p\u003e\n\u003cdiv id=\"videoGrid\" class=\"video-grid\"\u003e\n\u003c!-- Card 1 --\u003e\n\u003cdiv data-category=\"transmitter\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"TV hearMore Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=TV+hearMore+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eTransmitter\u003c\/span\u003e\n\u003ch3\u003eHow to Set Up TV hearMore™\u003c\/h3\u003e\n\u003cp\u003eLearn how to connect TV hearMore™ to your television and start Auracast™ broadcasting.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Card 2 --\u003e\n\u003cdiv data-category=\"receiver\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"hearClear Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=hearClear+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eReceiver\u003c\/span\u003e\n\u003ch3\u003eHow to Pair hearClear™ Earbuds\u003c\/h3\u003e\n\u003cp\u003eSee how to join an Auracast™ broadcast and enjoy wireless listening with hearClear™ earbuds.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Card 3 --\u003e\n\u003cdiv data-category=\"speaker\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"Overture Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=Overture+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eSpeaker\u003c\/span\u003e\n\u003ch3\u003eHow to Use Overture™ Speaker\u003c\/h3\u003e\n\u003cp\u003eUnderstand button functions, charging behavior, and Auracast™ listening on Overture™.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Card 4 --\u003e\n\u003cdiv data-category=\"receiver\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"MoerDuo Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=MoerDuo+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eReceiver\u003c\/span\u003e\n\u003ch3\u003eMoerDuo™ Quick Start Guide\u003c\/h3\u003e\n\u003cp\u003eGet started with MoerDuo™ and learn the basic controls, connection flow, and usage tips.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Card 5 --\u003e\n\u003cdiv data-category=\"app\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"App Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=App+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eApp\u003c\/span\u003e\n\u003ch3\u003eMoerLab Assistant App Setup\u003c\/h3\u003e\n\u003cp\u003eInstall the app, connect your device, and manage settings such as firmware and sound controls.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c!-- Card 6 --\u003e\n\u003cdiv data-category=\"speaker\" class=\"video-card\"\u003e\u003ca href=\"#\" target=\"_blank\"\u003e\n\u003cdiv class=\"video-thumb\"\u003e\n\u003cimg alt=\"The Show Tutorial\" src=\"https:\/\/via.placeholder.com\/800x450?text=The+Show+Tutorial\"\u003e\n\u003cdiv class=\"play-badge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"video-content\"\u003e\n\u003cspan class=\"video-tag\"\u003eSpeaker\u003c\/span\u003e\n\u003ch3\u003eThe Show™ Operation Guide\u003c\/h3\u003e\n\u003cp\u003eLearn the main functions of The Show™ speaker, including connection, playback, and daily use.\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eWatch Video →\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"container\"\u003e\n\u003cdiv class=\"support-cta\"\u003e\n\u003ch3\u003eNeed More Product Support?\u003c\/h3\u003e\n\u003cp\u003eLooking for user manuals, firmware updates, or FAQs? Visit our support center for more resources and product assistance.\u003c\/p\u003e\n\u003ca class=\"cta-btn\" href=\"#\"\u003eGo to Support\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[],"url":"https:\/\/www.moor-audio.com\/collections\/moerlab-tutorials.oembed","provider":"MOOR Technology Co., Ltd.","version":"1.0","type":"link"}