Reply to thread

Message

<blockquote data-quote="buddhikakgsl" data-source="post: 26118692" data-attributes="member: 409596">මම ESP32 device එකකින් websocket හරහා browser එකට sensor data send කරනව. මට ඔනි මේ reading ටික කෙලින්ම Winform app එකකට යවන්න මෙක කරන්නෙ කොහොමද.මේක තමයි දැනට කරන code එක.//============================#include &lt;WiFi.h&gt;#include &lt;WebServer.h&gt;#include &lt;WebSocketsServer.h&gt;#include &lt;driver/i2s.h&gt;const i2s_port_t I2S_PORT = I2S_NUM_0;const char* ssid = &quot;SSID&quot;;const char* password = &quot;PWD&quot;;WebServer server(80);WebSocketsServer webSocket = WebSocketsServer(81);String JSONtxt;#include &quot;webpage.h&quot;void handleRoot(){&nbsp;server.send(200,&quot;text/html&quot;, webpageCont);}void setup(){Serial.begin(115200);const i2s_config_t i2s_config = {&nbsp; // configuration&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; };const i2s_pin_config_t pin_config = {&nbsp;//pin configuration}server.on(&quot;/&quot;, handleRoot);server.begin(); webSocket.begin();void loop() {webSocket.loop(); server.handleClient();int32_t sample = 0;int bytes_read = i2s_pop_sample(I2S_PORT, (char *)&amp;sample, portMAX_DELAY); // no timeoutif (bytes_read &gt; 0) {String sampleString = String(sample);JSONtxt = &quot;{\&quot;sample\&quot;:\&quot;&quot;+sampleString+&quot;\&quot;}&quot;;webSocket.broadcastTXT(JSONtxt);//============================webpage.h//============================const char webpageCont[] PROGMEM = R&quot;=====(&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;title&gt;ESP32 WebSocket Server&lt;/title&gt;&lt;!---------------------------CSS--------------------------&gt;&lt;style&gt;&nbsp;&nbsp; &nbsp; &nbsp; body&nbsp;&nbsp; {background-color:rgba(128,128,128,0.322); font-family:calibri}&nbsp; &nbsp; h1&nbsp; &nbsp;&nbsp; {font-size: 40px; color: black; text-align: center}&nbsp; &nbsp; h2&nbsp; &nbsp;&nbsp; {font-size: 30px; color: blue}&nbsp;&nbsp; &nbsp; &nbsp; div.h1 {background-color: whitesmoke;}&lt;/style&gt;&lt;!--------------------------HTML--------------------------&gt;&lt;body&gt;&nbsp; &nbsp; &lt;h1&gt;&lt;div class=&quot;h1&quot;&gt;ESP32 WebSocket Server&lt;/div&gt;&lt;/h1&gt;&nbsp; &nbsp; &lt;h2&gt;&nbsp; &nbsp; &nbsp; &nbsp; Level: &lt;span style=&quot;color:rgb(216, 3, 3)&quot; id=&quot;sample&quot;&gt;&lt;/span&gt;&nbsp; &nbsp; &nbsp; &lt;/h2&gt;&nbsp;&nbsp; &lt;/body&gt;&lt;!----------------------JavaScript------------------------&gt;&lt;script&gt;&nbsp; InitWebSocket()&nbsp; function InitWebSocket()&nbsp; {&nbsp; &nbsp; websock = new WebSocket('ws://'+window.location.hostname+':81/');&nbsp; &nbsp; websock.onmessage=function(evt)&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp;&nbsp; JSONobj = JSON.parse(evt.data);&nbsp; &nbsp; &nbsp;&nbsp; document.getElementById('sample').innerHTML = JSONobj.sample;&nbsp; &nbsp; &nbsp;&nbsp; var sample = parseInt(JSONobj.sample);&nbsp; &nbsp;&nbsp; &nbsp; &nbsp; }&nbsp; }&lt;/script&gt;&lt;/html&gt;)=====&quot;;<hr />bump------ Post added on [DATETIME=&quot;UT&quot;]1612837458[/DATETIME]</blockquote>

[QUOTE="buddhikakgsl, post: 26118692, member: 409596"] [SIZE=4]මම ESP32 device එකකින් websocket හරහා browser එකට sensor data send කරනව. මට ඔනි මේ reading ටික කෙලින්ම Winform app එකකට යවන්න මෙක කරන්නෙ කොහොමද.[/SIZE] මේක තමයි දැනට කරන code එක. //============================ #include <WiFi.h> #include <WebServer.h> #include <WebSocketsServer.h> #include <driver/i2s.h> const i2s_port_t I2S_PORT = I2S_NUM_0; const char* ssid = "SSID"; const char* password = "PWD"; WebServer server(80); WebSocketsServer webSocket = WebSocketsServer(81); String JSONtxt; #include "webpage.h" void handleRoot() { server.send(200,"text/html", webpageCont); } void setup() { Serial.begin(115200); const i2s_config_t i2s_config = { // configuration }; const i2s_pin_config_t pin_config = { //pin configuration } server.on("/", handleRoot); server.begin(); webSocket.begin(); void loop() { webSocket.loop(); server.handleClient(); int32_t sample = 0; int bytes_read = i2s_pop_sample(I2S_PORT, (char *)&sample, portMAX_DELAY); // no timeout if (bytes_read > 0) { String sampleString = String(sample); JSONtxt = "{\"sample\":\""+sampleString+"\"}"; webSocket.broadcastTXT(JSONtxt); //============================ webpage.h //============================ const char webpageCont[] PROGMEM = R"=====( <!DOCTYPE HTML> <html> <title>ESP32 WebSocket Server</title>  <style> body {background-color:rgba(128,128,128,0.322); font-family:calibri} h1 {font-size: 40px; color: black; text-align: center} h2 {font-size: 30px; color: blue} div.h1 {background-color: whitesmoke;} </style>  <body> <h1><div class="h1">ESP32 WebSocket Server</div></h1> <h2> Level: </h2> </body>  <script> InitWebSocket() function InitWebSocket() { websock = new WebSocket('ws://'+window.location.hostname+':81/'); websock.onmessage=function(evt) { JSONobj = JSON.parse(evt.data); document.getElementById('sample').innerHTML = JSONobj.sample; var sample = parseInt(JSONobj.sample); } } </script> </html> )====="; [HR][/HR] bump ------ [SIZE=2]Post added on [DATETIME="UT"]1612837458[/DATETIME][/SIZE] [/QUOTE]

Verification

Hata thunen beduwama keeyada? (60 bedeema thuna)

Search

Latest ads

Reply to thread