/dji-srt-viewer

Visualizes DJI SRT logs

Primary LanguageJavaScriptMIT LicenseMIT

dji-srt-viewer

Visualizes DJI SRT logs

Try it live here: http://djitelemetryoverlay.com

Uses P5js (https://p5js.org/) in Instance mode (https://github.com/processing/p5.js/wiki/Global-and-instance-mode) and the following NPM modules

Can be built with Browserify (https://www.npmjs.com/package/browserify) and Babelify (https://www.npmjs.com/package/babelify)

Discussion and suggestions here: https://forum.dji.com/thread-140031-1-1.html

Example video created with this and After Effects: https://youtu.be/zAkUTOLmdmQ

Build

$ npm install
$ npm run build

If ES6 is not a problem, a different approach is to use Browserify (or Watchify) from the command line:

$ browserify sketch.js -o bundle.js

TODO

  • Review proper speed calculations, based on each timestamp not samples...
  • Review why the H sign appears with bad data (some gopro samples in gpx)
  • Read and save remote gpx in local storage?
  • satellite images appear pixelated now, for some reason
  • different playing speeds?
  • Move sidebar to bottom if proportion is... Worse than square? Height still in side. Load on top? smooth vertical? Camera and location divided in lines. background and downloads divided. speeds horizontal?
  • drop load files?
  • move createGUI to visual_setup module?

Acknowledgements/credits