Screenshot d'une page html

**cincap** · 25/04/2015, 16h39

Bonjour à toutes et à tous,

Je n'ai pas trouvé comment faire uniquement un screenshot de la photo obtenue dans le Webbrowser ou dans le QuickTime dont le code est sur une page html.

Je fais pour le moment un print screen pour la sauvegarde de la photo.

A l'occasion si quelqu'un trouve l'astuce, cela m'agréerai.

@+,

cincap

**NoSmoking** · 25/04/2015, 17h48

Bonjour,
cela va dépendre de l'usage que tu veux en faire.

A des fins personnelles tu peux utiliser pour FireFox, mais cela doit exister pour les autres, la méthode suivante

Ouvrir la Barre de développement MAJ +F2
Saisir la ligne de commande suivante screenshot screen.png ou screen.png est le nom de l'image générée et sauvegardée dans le répertoire de téléchargement. Si l'on veut la page compléte il suffit de faire screenshot screen.png --fullpage.

Pour une utilisation dans la page web il te faut faire une recherche sur html2canvas, un exemple d'application.

**cincap** · 25/04/2015, 18h00

@ NoSmoking, j'avais visité ce site mais je ne vois pas comment l'intégrer dans mon code et si il faut charger un fichier Js.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<html> 
 
<head> 
 
<title>Viewer H264</title> 
 
 
</head> 
 
<body> 
 
 <form name = "Caméra arrière"> 
 
 
   <script language="JavaScript"> 
 
//1920 x1080 ou 1535 x 740
 
document.writeln('<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width=' +1535+' height='+740+'   CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">'); 
 
  document.writeln('<param name="autoplay" value="true">'); 
 
//TOFIT ou ASPECT 
 
document.writeln('<param name="scale" value="tofit">'); 
 
//document.writeln('<param name="bgcolor" value="purple">'); 
 
  document.writeln('<param name="controller" value="true">'); 
 
 
 
 //H.264 over RTSP over 554 port  
 
     document.writeln('<param name="qtsrc" value="' + 'rtsp://192.168.1.12:554/user=admin&password=&channel=1&stream=0.sdp?real_stream' + '">'); 
 
  </script>  
 
</body>

Le but est de faire une photo sans voir ma fiche.

@+,

cincap

**Lakhdr** · 27/04/2015, 22h17

To script charge le plugin quicktime ?

Pour faire un capture d ecran de la page html c est un peu plus compliqué :

l'idée pour le faire en javascript est de convertir la DOM en SVG puis le SVG en canevas et enfin de l exporter en Image MAIS ceci dependras de ce que contient la page des failles de securite peuvent etre considérées si jamais la page fait appel a des lien externes ....
Cette solution est la plus proche de ce que tu veux a mon avis enfin si ta page HTML est simple .

Sinon , ca pourrait se faire sur le server en embarquant un moteur de rendu sur ton server est d exporter la page rendu en image tu peux faire avec phantomJS, FF, webKit... et plein de librairie le font
cette soltution reste la plus compatible avec tous de navigateurs.

**cincap** · 28/04/2015, 08h30

Bonjour à toutes et à tous,

@ Lakhdr, merci de ta réponse, ma page me parait simple, le code se trouve dans ma demande.

En Delphi, depuis mon application, j'obtiens un print écran et en même temps, je fais une procédure de rognage sur l'image pour effacer le contour de mon application et obtenir uniquement la photo centrale qui est la prise de vue de ma caméra et qui sera sauvée en jpg.

@+,

cincap

**Lakhdr** · 28/04/2015, 16h34

Donnes un extrait du code de ta page (s'il est simple) je vais essayer de faire( export image) en JS SVG canevas

**sekaijin** · 28/04/2015, 17h04

en javascript ce ne sera jamais un Screenshot.

le rendu d'une page HTML dépends totalement du navigateur et de l'OS.

voici le Screenshotde la page d'acceuil de wikipedia.
Nom : Copie-ecran-lynx.png
Affichages : 634
Taille : 9,6 Ko

Nom : Copie-ecran-lynx.png
Affichages : 634
Taille : 9,6 Ko

voici la page de l'outre-mer du gouvernement dans un navigateur pour mal voyant
Nom : WebbIE-en-action.png
Affichages : 624
Taille : 27,8 Ko

Mais il en existe qui n'ont même pas de fenêtre, ils n'affichent rien et font un rendu purement oral.
le Screenshotlà va être très dur à obtenir.

ton javascript ne peux pas savoir comment l'OS et le navigateur implémente des objets du DOM ni le CSS.

tout ce que tu peux faire avec javascript c'est dessiner ce que tu pense être le rendu html
du coup vu que c'est pure spéculation tu peux très bien faire ça coté serveur avec des outils bien plus sophistiqué.

A+JYT

**cincap** · 28/04/2015, 18h50

@ sekaijin, merci pour ta participation, je me doutais que ce n'étais pas facile en JavaScript, je pensais utiliser les propriétés du lecteur QuickTime car c'est lui que je charge dans ma page Web et que je consulte ma caméra.

Ceci étant dit, j'ai résolut le problème directement dans Delphi en faisant un printscreen puis en rognant les bords pour n'avoir que l'image centrale donc sans voir les bords de ma fiche ni les bords noir.

On peut dire que ce topic est résolut.

@+,

Cincap

http://www.developpez.net/forums/ass...4&d=1429891265