{"title":"MoerLab チュートリアル","description":"\u003cp\u003eMoerLab Auracast™デバイスのセットアップ方法と使用方法をご覧ください。\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 チュートリアル\u003c\/h1\u003e\n\u003cp\u003eMoerLab Auracast™ デバイスのセットアップ、接続、使用方法を、ステップバイステップのビデオガイドで簡単に習得できます。\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\u003e全製品のビデオガイド\u003c\/h2\u003e\n\u003cp\u003eトランスミッター、レシーバー、スピーカー、MoerLab Assistantアプリのチュートリアルをご覧ください。Auracast™ デバイスを最大限に活用するための簡単な解決策と方法を見つけてください。\u003c\/p\u003e\n\u003cdiv class=\"filter-tabs\"\u003e\n\u003cbutton class=\"filter-btn active\"\u003eすべて\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eトランスミッター\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eレシーバー\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eスピーカー\u003c\/button\u003e \u003cbutton class=\"filter-btn\"\u003eアプリ\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\"\u003e注目のチュートリアル\u003c\/h2\u003e\n\u003cp class=\"section-desc\"\u003eMoerLab製品の最も人気のあるセットアップおよび操作ガイドから始めましょう。\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\"\u003eトランスミッター\u003c\/span\u003e\n\u003ch3\u003eTV hearMore™ のセットアップ方法\u003c\/h3\u003e\n\u003cp\u003eTV hearMore™ をテレビに接続して Auracast™ ブロードキャストを開始する方法を学びます。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\"\u003eレシーバー\u003c\/span\u003e\n\u003ch3\u003ehearClear™ イヤホンのペアリング方法\u003c\/h3\u003e\n\u003cp\u003eAuracast™ ブロードキャストに参加して、hearClear™ イヤホンでワイヤレスリスニングを楽しむ方法をご覧ください。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\"\u003eスピーカー\u003c\/span\u003e\n\u003ch3\u003eOverture™ スピーカーの使用方法\u003c\/h3\u003e\n\u003cp\u003eOverture™ のボタン機能、充電動作、Auracast™ リスニングについて理解を深めます。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\"\u003eレシーバー\u003c\/span\u003e\n\u003ch3\u003eMoerDuo™ クイックスタートガイド\u003c\/h3\u003e\n\u003cp\u003eMoerDuo™ の基本操作、接続フロー、使用上のヒントについて説明します。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\"\u003eアプリ\u003c\/span\u003e\n\u003ch3\u003eMoerLab Assistantアプリのセットアップ\u003c\/h3\u003e\n\u003cp\u003eアプリをインストールし、デバイスを接続して、ファームウェアやサウンドコントロールなどの設定を管理します。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\"\u003eスピーカー\u003c\/span\u003e\n\u003ch3\u003eThe Show™ 操作ガイド\u003c\/h3\u003e\n\u003cp\u003eThe Show™ スピーカーの接続、再生、日常的な使用方法を含む主要機能について学びます。\u003c\/p\u003e\n\u003cspan class=\"video-link\"\u003eビデオを見る →\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\u003eさらに製品サポートが必要ですか？\u003c\/h3\u003e\n\u003cp\u003eユーザーマニュアル、ファームウェアアップデート、よくある質問をお探しですか？その他のリソースや製品サポートについては、サポートセンターをご覧ください。\u003c\/p\u003e\n\u003ca class=\"cta-btn\" href=\"#\"\u003eサポートへ\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","products":[],"url":"https:\/\/www.moor-audio.com\/ja\/collections\/moerlab-tutorials.oembed","provider":"MOOR Technology Co., Ltd.","version":"1.0","type":"link"}