/* * noVNC: HTML5 VNC client * Copyright (C) 2019 The noVNC authors * Licensed under MPL 2.0 (see LICENSE.txt) * * See README.md for usage and integration instructions. * */ import * as Log from '../util/logging.js'; export default class RawDecoder { constructor() { this._lines = 0; } decodeRect(x, y, width, height, sock, display, depth, bgrMode = false) { // Log BGR mode status for the first few rects to debug if (this._lines === 0) { Log.Debug("RawDecoder: Processing rectangle with " + (bgrMode ? "BGR" : "RGB") + " mode, depth: " + depth); } if ((width === 0) || (height === 0)) { return true; } if (this._lines === 0) { this._lines = height; } const pixelSize = depth == 8 ? 1 : 4; const bytesPerLine = width * pixelSize; while (this._lines > 0) { if (sock.rQwait("RAW", bytesPerLine)) { return false; } const curY = y + (height - this._lines); let data = sock.rQshiftBytes(bytesPerLine, false); // For debugging - show a sample of the data for the first rect if (this._lines === height && curY === y) { let sample = ""; for (let i = 0; i < Math.min(16, width); i++) { if (pixelSize === 4) { sample += "[" + data[i*4] + "," + data[i*4+1] + "," + data[i*4+2] + "," + data[i*4+3] + "] "; } else { sample += data[i] + " "; } } Log.Debug("RawDecoder: First " + Math.min(16, width) + " pixels (before processing): " + sample); } // Convert data if needed if (depth == 8) { const newdata = new Uint8Array(width * 4); for (let i = 0; i < width; i++) { newdata[i * 4 + 0] = ((data[i] >> 0) & 0x3) * 255 / 3; newdata[i * 4 + 1] = ((data[i] >> 2) & 0x3) * 255 / 3; newdata[i * 4 + 2] = ((data[i] >> 4) & 0x3) * 255 / 3; newdata[i * 4 + 3] = 255; } data = newdata; } else if (bgrMode) { // In bgrMode we need to switch the red and blue bytes // so that the data is in RGB order Log.Debug("RawDecoder: Applying BGR swap for line " + curY); for (let i = 0; i < width; i++) { let j = i * 4; let red = data[j]; data[j] = data[j + 2]; data[j + 2] = red; } } else { // Make sure the image is fully opaque for (let i = 0; i < width; i++) { data[i * 4 + 3] = 255; } } // For debugging - show processed data for the first rect if (this._lines === height && curY === y) { let sample = ""; for (let i = 0; i < Math.min(16, width); i++) { sample += "[" + data[i*4] + "," + data[i*4+1] + "," + data[i*4+2] + "," + data[i*4+3] + "] "; } Log.Debug("RawDecoder: First " + Math.min(16, width) + " pixels (after processing): " + sample); } display.blitImage(x, curY, width, 1, data, 0); this._lines--; } return true; } }