Préface
Le téléchargement Base64 a été implémenté dans le chapitre précédent : la page Web du navigateur JavaScript implémente la conversion Base64 en images et téléchargements .
Dans le passé, les captures d'écran étaient généralement prises en arrière-plan et le front-end pouvait obtenir directement des images prêtes à l'emploi. Les pages Web des navigateurs modernes peuvent faire de plus en plus de choses, vous pouvez donc directement prendre des captures d'écran de vidéos sur la page Web. Le chapitre expliquera comment y parvenir. Capture d'écran de la vidéo de la page Web JavaScript et téléchargez le principe et l'implémentation du code.
Principe de mise en œuvre des captures d'écran de pages Web
1. Créez une planche à dessin sur toile
2. Dessinez l'image de lecture actuelle de la balise vidéo sur la planche à dessin sur toile
3. Utilisez les caractéristiques de la toile pour convertir l'image actuelle de la planche à dessin sur toile en une image base64
4. Créez une balise a
5. Utilisez les caractéristiques de la balise a pour attribuer l'image base64 à la balise A permet de télécharger des captures d'écran
6. Supprimer une balise
Implémentation du code de fonction
La mise en œuvre est divisée en deux parties, l'une est la capture d'écran vidéo et la deuxième partie est le téléchargement de l'image.
Implémentation de capture d'écran
var canvas = document.createElement('canvas')