4.Play With Robot  
===============

.. raw:: html

   <div style="height: 30px;"></div>

.. raw:: html

   <div class="upload-program-container">
     <div class="upload-header">
       <h2 id="assemble-section" style="margin:0; font-size:inherit; color:inherit;">Play--3 Control Methods</h2>   
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V29.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;"> 
   </div>

On-board Switch Control
--------------------------

.. raw:: html

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">On-board Switch Control</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V27.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
     <img src="_static/B1.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">Line-tracking Mode</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V31.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">Obstacle-avoidance Mode</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V32.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">Auto-follow Mode</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V33.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>

Infrared Remote Control
--------------------------

.. raw:: html

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">Infrared Remote Control</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>
     <img src="_static/V30.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>

APP Control
--------------------------

.. raw:: html

   <div class="upload-program-container">
     <div class="upload-header" style="margin-top: 20px;" >
       <h2 id="wiring-section" style="margin:0; font-size:inherit; color:inherit;">APP Control</h2>
       <img src="_static/icon_title.png" alt="car" class="car-icon">
     </div>

     <div class="text-orange">STEP 1: Application Installation</div>
     <div class="text-blue">
     Search 'LAFVIN LARobot' in the App Store or Google Play to download the controller app.      
     </div>

     <div style="text-align:center;">
       <img src="_static/B2.png" alt="组装示例图" style="max-width:20%; height:auto; margin-top:0px;margin-bottom:20px;">
     </div>

     <div class="text-orange">STEP 2: Power on the Camera Module</div>
     <div class="text-blue">
       Turn on the power switch of the battery box. After the state led light of the camera module flashes, the WIFI hotspot is in a connectable state.
     </div>
     <div class="text-orange" style="margin-top: 12px;">Note</div>
     <div class="text-blue">
       If the blue LED does not blink, please check whether the camera's ribbon cable is firmly connected.
     </div>
     <div style="text-align:center;">
       <img src="_static/B4.gif" alt="组装示例图" style="max-width:25%; height:auto; margin-top:0px;margin-bottom:20px;">
     </div>

     <div class="text-orange">STEP 3: Application Settings</div>
     <img src="_static/V35.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
     <img src="_static/V36.png" alt="组装示例图" style="max-width:100%; height:auto; margin-top:0px;margin-bottom:20px;">
   </div>