Description
Currently, the images representing demos just show a black rectangle. Instead, these should be thumbnails that preview an image capture from the associated video.
Specification
The black rectangle with a play icon in the center should be a default, error-tolerant presentation of a demo. However, we should show a thumbnail picture that fits in the demo preview image when possible. We need to figure out why the current implementation isn't showing the thumbnail from the YouTube API.
It should be sufficient to live-query the YouTube API for the thumbnail each time the page is loaded. However, if we find that this approach is inconsistent or unreliable, we should store the thumbnail locally once a demo is created that features a video and the database should store the location of the local thumbnail image and only use the default black rectangle when the API call does not provide a valid image promptly.
Description
Currently, the images representing demos just show a black rectangle. Instead, these should be thumbnails that preview an image capture from the associated video.
Specification
The black rectangle with a play icon in the center should be a default, error-tolerant presentation of a demo. However, we should show a thumbnail picture that fits in the demo preview image when possible. We need to figure out why the current implementation isn't showing the thumbnail from the YouTube API.
It should be sufficient to live-query the YouTube API for the thumbnail each time the page is loaded. However, if we find that this approach is inconsistent or unreliable, we should store the thumbnail locally once a demo is created that features a video and the database should store the location of the local thumbnail image and only use the default black rectangle when the API call does not provide a valid image promptly.