arduino
diff --git a/‎libraries/Camera/extras/WebSerialCamera/app.js
Lines changed: 5 additions & 12 deletions b/‎libraries/Camera/extras/WebSerialCamera/app.js
Lines changed: 5 additions & 12 deletions
diff --git a/‎libraries/Camera/extras/WebSerialCamera/serialConnectionHandler.js
Lines changed: 2 additions & 1 deletion b/‎libraries/Camera/extras/WebSerialCamera/serialConnectionHandler.js
Lines changed: 2 additions & 1 deletion
@@ -9,16 +9,9 @@ const ctx = canvas.getContext('2d');
 // https://developer.chrome.com/articles/serial/
 // https://wicg.github.io/serial/
 
-// Set the buffer size to the total bytes. This allows to read the entire bitmap in one go.
-const bufferSize = 2 * 1024 * 1024; // Max buffer size is 16MB
-const flowControl = 'hardware';
-const baudRate = 115200; // Adjust this value based on your device's baud rate
-const dataBits = 8; // Adjust this value based on your device's data bits
-const stopBits = 2; // Adjust this value based on your device's stop bits
-const parityBit = 'even'; // Adjust this value based on your device's parity bit
 
 const imageDataProcessor = new ImageDataProcessor(ctx);
-const connectionHandler = new SerialConnectionHandler(baudRate, dataBits, stopBits, parityBit, flowControl, bufferSize);
+const connectionHandler = new SerialConnectionHandler();
 
 connectionHandler.onConnect = async () => {
   connectButton.textContent = 'Disconnect';
@@ -43,9 +36,9 @@ connectionHandler.onDisconnect = () => {
   imageDataProcessor.reset();
 };
 
-function renderBitmap(imageData) {
-  canvas.width = imageDataProcessor.width;
-  canvas.height = imageDataProcessor.height;
+function renderBitmap(width, height, imageData) {
+  canvas.width = width;
+  canvas.height = height;
   ctx.clearRect(0, 0, canvas.width, canvas.height);
   ctx.putImageData(imageData, 0, 0);
 }
@@ -62,7 +55,7 @@ async function renderFrame(){
   if(!bytes || bytes.length == 0) return false; // Nothing to render
   // console.log(`Reading done ✅. Rendering image...`);
   const imageData = imageDataProcessor.getImageData(bytes);
-  renderBitmap(imageData);
+  renderBitmap(imageDataProcessor.width, imageDataProcessor.height, imageData);
   return true;
 }
 
 
@@ -42,11 +42,12 @@ class BytesWaitTransformer {
  * Handles the connection between the browser and the Arduino board via Web Serial.
  */
 class SerialConnectionHandler {
-    constructor(baudRate = 115200, dataBits = 8, stopBits = 1, parity = "none", flowControl = "none", bufferSize = 4096, timeout = 2000) {
+    constructor(baudRate = 115200, dataBits = 8, stopBits = 1, parity = "none", flowControl = "none", bufferSize = 2 * 1024 * 1024, timeout = 2000) {
         this.baudRate = baudRate;
         this.dataBits = dataBits;
         this.stopBits = stopBits;
         this.flowControl = flowControl;
+        // Max buffer size is 16MB
         this.bufferSize = bufferSize;
         this.parity = parity;
         this.timeout = timeout;