Generar Captura de pantalla con Ajax

PageGlimpse es un servicio que proporciona la captura de pantalla de una web.
Funciona consultando una pagina mandando como parametro la url y el tamaño.

Ejemplo


http://images.pageglimpse.com/v1/thumbnails?url=http://google.com&size=large&devkey=*****&nothumb=http://web.com/noimage.gif

Parametros:

url es la web que se desea capturar.
size es el tamaño estandar del thumbnail (small, medium, large).
devkey es el código que te darán al momento de registrarte en PageGlimpse.
nothumb es un parametro opcional para mostrar una imagen en caso todavía no se halla generado la captura de pantalla de la web.

Utilizandola con Javascript

Thumbnails.js es una librería Javascript que utiliza la API de PageGlimpse para traer la captura de pantalla con una funcion en Javascript el cual utiliza los mismos parametros que la url.

Para utilizar esta librería primero incluiremos el Javascript Thumbnails.js dentro del "head".
Luego crearemos la siguiente funcion

var getScreenShot= function(caja,size){
		
	var container = document.getElementById('container'),
		thumbs = Thumbnails({ 
			devkey:'bf3ec081beb6d6af0ff9e43e6f77771e', 
			size:size, 
			nothumb:'noimage.gif'
		});
	
	thumbs.get(caja, function(url, img) {
		var link = document.createElement('a');
		img.style.border = 'none';
		link.href = url;
		link.appendChild(img);
		container.innerHTML = '';
		container.appendChild(link);
	});				
}

Insertamos un div con id “container” dentro del "body":

<div id="container"></div>

Y despues llamaremos a la pagina de esta manera:

<script type="text/javascript">
getScreenShot('http://google.com','small');
</script>

Recursos

También te puede interesar

2 Comments

  1. Pazador
    mar 14, 2010 @ 22:52:05

    probe el demo y no es eficaz al crear los thumbnails solo los hace de paginas como google, yahoo. youtube.. pero intente hacerlo con mis proyectos pero ninguno funciono :S

  2. Txusele
    feb 22, 2011 @ 07:18:28

    El ejemplo da siempre error.