Télécharger une capture.png d'un stream vidéo
Bonjour, j'ai développé une page web qui a pour but d'afficher le stream video, envoyer par une camera raspberry, j'utilise roslibjs pour assurer la communication entre le js et ros. cette page web contient un bouton, quand on appui sur le bouton cela doit telecharger une capture du stream video sous la forme capture.png
voici une partie du code html qui affiche la video dans la page web:
Code:
<img src="http://192.168.43.186:8080/stream?topic=/raspicam_node/image" alt="En attente des données camera" width="100%"/>
voici une partie de code js qui est normalement censé telecharger la capture.png:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| image_save.onclick = function() {
var imageTopic = new ROSLIB.Topic({
ros : ros,
name : '/raspicam_node/image',
messageType : 'sensor_msgs/Image'
});
var download = document.createElement('a');
download.href = 'data:http://192.168.43.186:8080/stream?topic=/raspicam_node/image';
download.download = 'capture.png';
download.click();
} |
quand j'appui sur le bouton fait commencer le telechargement sauf qu'il donne un erreur ce qui telecharge le fichier capture.png vide.
s'il vous plait si vous avez des conseils je serai reconaissant. merci d'avance.
