<header class="entry-header" style="padding: 0px; margin: 0px auto; width: 701.141px; color: #373737; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; background-color: #ffffff;">
   <h1 class="entry-title" style="padding: 15px 0px 0.3em; margin: 0px; font-style: inherit; border: 0px; font-family: inherit; font-size: 36px; outline: 0px; vertical-align: baseline; clear: both; color: #000000; line-height: 48px;">ArduCAM now Supports ESP8266 Arduino Board with WIFI Websocket Camera Demo</h1>
   <div class="entry-meta" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-size: 12px; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline; color: #666666; clear: both; line-height: 18px; position: absolute; top: 0px; left: 0px;"><span class="sep" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">Posted on&nbsp;</span><a href="http://www.arducam.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/" title="5:47 am" rel="bookmark" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">October 4, 2015</a><span class="by-author" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;<span class="sep" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">by&nbsp;</span><span class="author vcard" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a class="url fn n" href="http://www.arducam.com/author/fpga4u/" title="View all posts by Lee Jackson" rel="author" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">Lee Jackson</a></span></span></div>
   </header>
<div class="entry-content" style="padding: 1.625em 0px 0px; margin: 0px auto; border: 0px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; outline: 0px; vertical-align: baseline; width: 701.141px; color: #373737; background-color: #ffffff;">
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">It is good news to hear that the&nbsp;<a href="https://github.com/esp8266/arduino" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">Arduino IDE support</a>&nbsp;was announced on the&nbsp;<a href="https://github.com/esp8266/arduino" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">ESP8266 community forum</a>, the source code can be found from&nbsp;.&nbsp;It is more than another Arduino board, but can be thought as a Arduino combined with a WIFI shield. With faster CPU speed and much smaller form of factor, most important the less than $10USD price is more attractive, you are worth to try although there are also some limitations.&nbsp;Setup is fairly simple with downloads for Linux, OS X, and Windows. More detail setup can be found from adafruit&nbsp;<a href="https://learn.adafruit.com/adafruit-huzzah-esp8266-breakout/using-arduino-ide" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">guide.</a><span id="more-1093" style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"></span></p>
   <div id="gallery-1" class="gallery galleryid-1093 gallery-columns-3 gallery-size-thumbnail" style="padding: 0px; margin: 0px auto 1.625em; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">
      <dl class="gallery-item" style="padding: 0px; margin: 10px 0px 0px; list-style: none; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline; float: left; text-align: center; width: 231.375px;"><dt class="gallery-icon landscape" style="padding: 0px; margin: 0px; list-style: none; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;"><a href="http://www.arducam.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/esp8266_demo/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img width="150" src="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_demo-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" aria-describedby="gallery-1-1095" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_demo-150x150.jpg 150w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_demo-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" style="padding: 6px; margin: 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); max-width: calc(100% - 14px); height: auto;" /></a></dt>
         <dd class="wp-caption-text gallery-caption" id="gallery-1-1095" style="padding: 0px; margin: 0px 0px 1.625em; list-style: none; border: 0px; font-family: Georgia, serif; font-size: 12px; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline; color: #666666;">ArduCAM for ESP8266</dd>
         </dl>
      <dl class="gallery-item" style="padding: 0px; margin: 10px 0px 0px; list-style: none; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline; float: left; text-align: center; width: 231.375px;"><dt class="gallery-icon landscape" style="padding: 0px; margin: 0px; list-style: none; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;"><a href="http://www.arducam.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/esp8266_websocket_demo/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img width="150" src="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo-150x150.jpg" class="attachment-thumbnail size-thumbnail" alt="" aria-describedby="gallery-1-1108" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo-150x150.jpg 150w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo-100x100.jpg 100w" sizes="(max-width: 150px) 100vw, 150px" style="padding: 6px; margin: 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); max-width: calc(100% - 14px); height: auto;" /></a></dt>
         <dd class="wp-caption-text gallery-caption" id="gallery-1-1108" style="padding: 0px; margin: 0px 0px 1.625em; list-style: none; border: 0px; font-family: Georgia, serif; font-size: 12px; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline; color: #666666;">Arduino Websocket Camera</dd>
         </dl>
      <br style="padding: 0px; margin: 0px; clear: both;" /></div>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">Now ArduCAM ports our camera libraries for ESP8266, you can use the ESP8266 module with ArduCAM modules to take high quality high resolution photos and save to SD card, or even to publish the photos to webpage.&nbsp;In this tutorial we will use ESP8266 arduino board to take photos and publish to webpage.</p>
   <h1 style="padding: 0px; margin: 0px 0px 0.8125em; font-style: inherit; border: 0px; font-family: inherit; font-size: 15px; outline: 0px; vertical-align: baseline; clear: both; color: #000000;">Websocket Background</h1>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">In order to transfer a photo to webpage, I have to briefly introduce the technology of websocket first. WebSocket is a protocol providing full-duplex communication channels over a single TCP connection. It is designed to be implemented in web browsers and web servers, so it can be used by any client and any platform like PCs, laptops, pads and smart phones. The standard HTTP protocol which is C/S based architecture, a client send a request to a server, the server send the information requested back to the client and close connection immediately. Unlike the standard HTTP protocol, the websocket protocol only use HTTP protocol for handshake stage, and keep the connection open afterward. It allows bi-directional conversation between a browser and the server. Detail websocket description can be found from&nbsp;<a href="https://en.wikipedia.org/wiki/WebSocket" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">wiki</a>.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">In this demo, we create a websocket server on the ESP8266 arduino borad. It connects to a user defined WIFI router by DHCP, then you can connect to this server via your web browser.</p>
   <h1 style="padding: 0px; margin: 0px 0px 0.8125em; font-style: inherit; border: 0px; font-family: inherit; font-size: 15px; outline: 0px; vertical-align: baseline; clear: both; color: #000000;">Demo&nbsp;Prerequisite</h1>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">To complete this demo you need two items:</p>
   <ul style="padding: 0px; margin: 0px 0px 1.625em 2.5em; list-style: square; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">
      <li style="padding: 0px; margin: 0px; list-style: square; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://www.uctronics.com/wifi-internet-development-board-based-on-esp8266-module-for-nodemcu-lua.html" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">ESP8266 arduino board</a></li>
      <li style="padding: 0px; margin: 0px; list-style: square; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/arducam-mini-released/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">ArduCAM-Mini-2MP</a>&nbsp;camera module</li>
      </ul>
   <h1 style="padding: 0px; margin: 0px 0px 0.8125em; font-style: inherit; border: 0px; font-family: inherit; font-size: 15px; outline: 0px; vertical-align: baseline; clear: both; color: #000000;"><strong style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; outline: 0px; vertical-align: baseline;">Hardware connection</strong></h1>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">The connection between the ESP8266 board and ArduCAM mini is shown as the following picture and table.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/esp8266_diagram-2/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1204 size-medium" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_diagram-1-174x300.jpg" alt="" width="174" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_diagram-1-174x300.jpg 174w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_diagram-1-300x518.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_diagram-1-593x1024.jpg 593w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_diagram-1.jpg 721w" sizes="(max-width: 174px) 100vw, 174px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto;" /></a></p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/esp8266_wiring_table-2/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1206 size-medium" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_wiring_table-1-300x190.jpg" alt="" width="300" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_wiring_table-1-300x190.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_wiring_table-1-473x300.jpg 473w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_wiring_table-1.jpg 516w" sizes="(max-width: 300px) 100vw, 300px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto;" /></a></p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <h1 style="padding: 0px; margin: 0px 0px 0.8125em; font-style: inherit; border: 0px; font-family: inherit; font-size: 15px; outline: 0px; vertical-align: baseline; clear: both; color: #000000;">Arduino Sketches and library</h1>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">Before running the demo sketch, you need to copy three libraries ArduCAM, UTFT4ArduCAM_SPI and ESP8266-Websocket to the Arduino libraries folder.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">Open the demo sketch&nbsp;<a href="https://github.com/ArduCAM/Arduino/blob/master/ArduCAM/examples/ESP8266/ArduCAM_Mini_OV2640_websocket_server/ArduCAM_Mini_OV2640_websocket_server.ino" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank">ArduCAM_Mini_OV2640_websocket_server.ino</a>, change the following line according to your own wifi AP router, then upload.</p>
   <pre class="brush:cpp" style="padding: 0.75em 1.625em; margin-top: 0px; margin-bottom: 1.625em; border: 0px; font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 13px; line-height: 1.5; font-family: &quot;Courier 10 Pitch&quot;, Courier, monospace; outline: 0px; vertical-align: baseline; background: rgb(244, 244, 244); overflow: auto;">const char* ssid = "your_ssid";
const char* password = "your_passpwd";</pre>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_sketch.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1101 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_sketch.jpg" alt="ESP8266_sketch" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_sketch.jpg 665w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_sketch-300x271.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_sketch-332x300.jpg 332w" sizes="(max-width: 665px) 100vw, 665px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_upload.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1102 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_upload.jpg" alt="ESP8266_upload" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_upload.jpg 498w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_upload-300x363.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_upload-248x300.jpg 248w" sizes="(max-width: 498px) 100vw, 498px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a></p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">The assigned IP address can be determined via serial monitor message.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/DHCP_IPaddress.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1103 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/DHCP_IPaddress.jpg" alt="DHCP_IPaddress" srcset="http://www.arducam.com/wp-content/uploads/2015/10/DHCP_IPaddress.jpg 472w, http://www.arducam.com/wp-content/uploads/2015/10/DHCP_IPaddress-300x364.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/DHCP_IPaddress-247x300.jpg 247w" sizes="(max-width: 472px) 100vw, 472px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a></p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">&nbsp;</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">Provide you now have the IP address 192.168.1.105 for websocket server, and open the camera_demo.html located in your&nbsp;<strong style="padding: 0px; margin: 0px; border: 0px; font-family: inherit; font-style: inherit; outline: 0px; vertical-align: baseline;">Arduino\arduino-1.6.5-r5\libraries\ArduCAM\examples\ESP8266\ArduCAM_Mini_OV2640_websocket_server\html</strong>&nbsp;folder from your web browser. Change the websocket IP address get from the serial monitor marked in red box in the picture.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_webpage1.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1106 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_webpage1.jpg" alt="ESP8266_webpage" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_webpage1.jpg 884w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_webpage1-300x209.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_webpage1-430x300.jpg 430w" sizes="(max-width: 884px) 100vw, 884px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a>Click the “Connect” button, you will see the websocket connection request from the serial monitor. After few seconds, the webpage will notify the successful connection established.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_websocket_request.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1107 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_websocket_request.jpg" alt="ESP8266_websocket_request" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_request.jpg 843w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_request-300x204.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_request-441x300.jpg 441w" sizes="(max-width: 843px) 100vw, 843px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a></p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;">After that you can click the send button to send a websocket message to ESP8266. It will trigger the capture command on the ESP8266 arduino side, and it will send back the captured image and display on the webpage.</p>
   <p style="padding: 0px; margin-bottom: 1.625em; color: #6b6b6b; line-height: 20px; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;"><a href="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_websocket_demo.jpg" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; outline: 0px; vertical-align: baseline;" target="_blank"><img class="alignleft wp-image-1108 size-full" src="http://blog.uctronics.com/wp-content/uploads/2015/10/ESP8266_websocket_demo.jpg" alt="ESP8266_websocket_demo" srcset="http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo.jpg 1015w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo-300x136.jpg 300w, http://www.arducam.com/wp-content/uploads/2015/10/ESP8266_websocket_demo-500x226.jpg 500w" sizes="(max-width: 1015px) 100vw, 1015px" style="padding: 6px; margin: 0.4em 1.625em 1.625em 0px; vertical-align: bottom; border: 1px solid rgb(221, 221, 221); display: inline; float: left; max-width: calc(100% - 14px); height: auto; width: auto;" /></a></p>
   </div>
<footer class="entry-meta" style="padding: 0px; margin: 0px auto; color: #666666; clear: both; line-height: 18px; width: 701.141px; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: #ffffff;">This entry was posted in&nbsp;<a href="http://www.arducam.com/category/camera-module-demonstration/" rel="category tag" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">Camera Module Demonstration</a>&nbsp;and tagged&nbsp;<a href="http://www.arducam.com/tag/arducam-esp8266/" rel="tag" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">ArduCAM ESP8266</a>,&nbsp;<a href="http://www.arducam.com/tag/esp8266-websocket/" rel="tag" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">ESP8266 websocket</a>,&nbsp;<a href="http://www.arducam.com/tag/websocket-camera/" rel="tag" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">websocket camera</a>&nbsp;by&nbsp;<a href="http://www.arducam.com/author/fpga4u/" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">Lee Jackson</a>. Bookmark the&nbsp;<a href="http://www.arducam.com/arducam-supports-esp8266-arduino-board-wifi-websocket-camera-demo/" title="Permalink to ArduCAM now Supports ESP8266 Arduino Board with WIFI Websocket Camera Demo" rel="bookmark" style="padding: 0px; margin: 0px; text-decoration-line: none; color: #1982d1; border: 0px; font-family: inherit; font-style: inherit; font-weight: bold; outline: 0px; vertical-align: baseline;" target="_blank">permalink</a>.</footer>