source: OpenWorkouts-current/bin/screenshot_map @ d1c4782

currentfeature/docs
Last change on this file since d1c4782 was d1c4782, checked in by borja <borja@…>, 5 years ago

Show a capture of the workout map, as an image, in the dashboard:

  • Added a view to render the tracking map of a workout full screen
  • Added a small shell script that uses chrome to grabs a screenshot of the full screen map view of a workout, then uses imagemagick convert to crop/resize it and finally saves it in a given location
  • Added a static/maps directory to store maps captures
  • Added static/maps to the boring/ignore file
  • Added a tool in utilities.py to call the shell script that captures the screenshot of the map
  • Added a method to the Workout model, that returns the static path to the workout map capture (valid to use with request.static_url()). If there is no capture yet, call the tool to make one
  • Added code to dashboard.pt to show the capture of the map
  • Added a new parameter to te ow maps js code, allowing us to hide/show the zoom controls of the map when building a new one
  • Property mode set to 100644
File size: 855 bytes
Line 
1#!/bin/sh
2#
3# Make a screenshot of a workout map
4#
5
6uid=$1
7wid=$2
8dest=$3
9dummy=$4
10
11# make a dummy screenshot image first, that way if chrome fails, we still have an image
12cp ${dummy} screenshot.png
13
14# Make the screenshot with chrome headless
15`which chrome` --headless --disable-gpu --window-size="1300x436" --screenshot http://localhost:9999/${uid}/${wid}/map --virtual-time-budget=10000
16
17# crop it
18# `which convert` screenshot.png -chop 100x0 ${dest}
19
20# resize, 70% of the original image is enough.
21# we do this instead of setting a lower resolution/window size on the browser
22# because with smaller window size, the resulting images appear corrupted
23# randomly (like if the screenshot was taking before the map was finished
24# loading tiles)
25# `which convert` ${dest} -resize 70% ${dest}
26
27# remove leftover
28# rm screenshot.png
29mv screenshot.png ${dest}
Note: See TracBrowser for help on using the repository browser.