dji-srt-viewer

Visualizes DJI SRT logs

Try it live here: http://tailorandwayne.com/dji-srt-viewer/

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

• https://www.npmjs.com/package/dji_srt_parser
• https://www.npmjs.com/package/latlon_to_xy
• https://www.npmjs.com/package/p5_gui
• https://www.npmjs.com/package/mapbox_static_helper

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

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

Build

$ npm install
$ node build.js

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

• satellite images appear pixelated now, for some reason
• different playing speeds?
• Convert to AE?
• check for black tiles?
• merge more than one srt? Concat and sort by date just in case
• 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?