ETP 527 BrainBox Video Streaming to PC

ETP 527 BrainBox Video Streaming to PC

<h6>1. PURPOSE / DESCRIPTION</h6> 1.1 The demonstration of video streaming from BrainBox to PC <h6>2. TEST SET-UP</h6> 2.1 BrainBox 2.2 Dark WebSocket Terminal installed on PC (Google Chrome have to be installed before this step) 2.3 VLC installed on PC 2.4 BrainBox Application Apk <h6>3. PROCEDURE</h6> 3.1 Install Dark WebSocket Terminal (<a href="https://chrome.google.com/webstore/detail/dark-websocket-terminal/dmogdjmcpfaibncngoolgljgocdabhke?">Link</a>) 3.2 Install VLC media player (<a href="http://get.videolan.org/vlc/2.2.1/win32/vlc-2.2.1-win32.exe">Link</a>) 3.3 Power on BrainBox, and wait until the LEDs indicate the BB is ready (Details described in ETP 526) 3.4 Search the WiFi spot on your PC. The name starts with “NXDrone-”. Make sure your PC really connects to the network via this hot spot. Note that it is expected to show “No Internet access” message in the network icon. (No other wired network is used) (See Fig. 3.4.1 - 2) 3.5 Open Dark WebSocket Terminal (See Fig. 3.5) 3.5.1 Enter “ws://192.168.43.1:8080/websocket” in socket field 3.5.2 Enter “vairdo” in protocol field <table> <tbody> <tr> <td> <a href="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig341.png"><img class="alignnone wp-image-160 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig341.png" alt="Fig341" width="337" height="385" /></a></td> <td><img class="alignnone wp-image-161 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig342.png" alt="Fig342" width="292" height="168" /></td> </tr> <tr> <td style="text-align: center;">Fig. 3.4.1</td> <td style="text-align: center;">Fig. 3.4.2</td> </tr> <tr> <td colspan="2"><a href="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig351.png"><img class="alignnone size-full wp-image-475" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig351.png" alt="Fig35" width="712" height="638" /></a></td> </tr> <tr> <td style="text-align: center;" colspan="2">Fig. 3.5</td> </tr> </tbody> </table> 3.6 The terminal will show the messages which indicate the connection is successful. (See Fig. 3.6) 3.7 Enter the command {"type": "VideoInfoRequest"}, then the terminal will show the message indicates the request is received. (See Fig. 3.7.1 - 2) <table> <tbody> <tr> <td style="text-align: center;"> <a href="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig36.png"><img class="alignnone wp-image-163 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig36.png" alt="Fig36" width="731" height="41" /></a></td> </tr> <tr> <td style="text-align: center;">Fig. 3.6</td> </tr> <tr> <td style="text-align: center;"><img class="alignnone wp-image-164 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig371.png" alt="Fig371" width="699" height="89" /></td> </tr> <tr> <td style="text-align: center;">Fig. 3.7.1</td> </tr> <tr> <td style="text-align: center;"><img class="alignnone wp-image-162 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig372.png" alt="Fig372" width="1360" height="60" /></td> </tr> <tr> <td style="text-align: center;">Fig. 3.7.2</td> </tr> </tbody> </table> 3.8 Open VLC, on the toolbar : Media -&gt; Open Network Stream (See Fig. 3.8) 3.9 Enter the URL: http://192.168.43.1:9999/main (See Fig. 3.9) 3.10 The video streaming will start with a few seconds of latency. (See Fig. 3.10) <table> <tbody> <tr> <td>  <a href="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig38.png"><img class="alignnone wp-image-167 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig38.png" alt="Fig38" width="406" height="421" /></a></td> <td><img class="alignnone wp-image-165 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig39.png" alt="Fig39" width="544" height="439" /></td> </tr> <tr> <td style="text-align: center;">Fig. 3.8</td> <td style="text-align: center;">Fig. 3.9</td> </tr> <tr> <td style="text-align: center;" colspan="2"><img class="alignnone wp-image-166 size-full" src="http://wiki.vairdo.com/wp-content/uploads/2015/11/Fig310.png" alt="Fig310" width="843" height="457" /></td> </tr> <tr> <td style="text-align: center;" colspan="2">Fig. 3.10</td> </tr> </tbody> </table>