The goal of this project was to create an online steganographic tool with Javascript without using existing solutions and frameworks.
I started the project in late 2017 after being inspired by Computerphile's video about steganography:
This is a fairly standard project built with create-react-app. No custom scripts, just refer to the ˙package.json` file.
Internationalization is done with i18next. A custom script was written to build the required JSON translation file(s), which you can customize based on your backend/translation service.
To enable web workers through Webpack, I used the worker-loader package (imports prefixed by !worker-loader).
The project currently uses a custom implementation of LSB steganography.
TODO: further implementation info & links
- refactor React components, update dependencies
- internationalization with i18next
- use Sass
- refactor worker files - in progress
- extact logic from workers with
importScripts?
- extact logic from workers with
- migrate to Typescript
- find a way to compline workers without 'ejecting' the project
- independent tsc workflow for the
workersfolder?
- independent tsc workflow for the
- find a way to compline workers without 'ejecting' the project
- new formats
- research audio steganography
- separate Electron/Webview app ?
About steganography:
Regarding the development setup:
Using Web Workers:
Utilizing the HTML5 Canvas API:
- ImageData - MDN
- Structure of and imgdata (ImageData) object:
- variable -> type
newImageData->ImageDatanewImageData.data->Uint8ClampedArray(TypedArray)nemImageData.data.buffer->ArrayBuffer(Transferabletype!)
- Structure of and imgdata (ImageData) object:
- Uint8ClampedArray - MDN
- CanvasRenderingContext2D.drawImage() - MDN
Other: