Deep linking en PanoTour Pro y KR Pano (Enlaces profundos)

Técnica Publicación
1

Soy Carlos, me encanta este mundo de la fotografía panorámica de 360º.
Enhorabuena Mario por tu gran labor divulgativa.

Tengo una consulta:

He realizado con panotour una visita virtual que incluye varias panorámicas. Hasta ahora sólo consigo que el tour comience siempre por la misma estancia.
¿Hay alguna manera de que se pueda acceder al tour variando el comienzo de la visita?
Imagina un menú con varias opciones en la que tú pulsas y decides por dónde empezar.

Espero haberme explicado bien. Un saludo y gracias.

Carlos

2

Carlos, excelente pregunta. Sí que existe esa forma, se llama “deep linking” o vínculos profundos.

Si hicieras el tour solamente con KR Pano o PanoTour 1.x, tendrías que recurrir a un plugin llamado JAddress, creado por Digisfera que cuesta 10 euros.

Este plugin te permite tener vínculos individuales por cada escena. Yo lo utilicé bastante porque para los proyectos hoteleros, es importante al incluir el tour virtual, que por ejemplo puedas insertar en un iframe la escena de una habitación, o la escena del restaurante etc… para ello necesitas una URL por cada escena. Y eso te lo da JAddress…

Ejemplo: navega en el siguiente enlace y verás el resultado de JAddres:

http://www.mariocarvajal.com/360/decameron-tota/

Nota que cada escena tiene una URL diferente:

  • http://www.mariocarvajal.com/360/decameron-tota/#p=scene_decameron-camino-real
  • http://www.mariocarvajal.com/360/decameron-tota/#p=scene_decameron-rancho-santa-ines
  • http://www.mariocarvajal.com/360/decameron-tota/#p=scene_decameron-rancho-tota
  • http://www.mariocarvajal.com/360/decameron-tota/#p=scene_decameron-rancho-tota

Y sin embargo, todas las escenas pertenecen al mismo tour virtual.

Ahora bien, con PanoTour 2, es posible hacer deep linking sin necesidad de instalar JAddress, pues ya lo trae de forma predeterminada. Aquí encuentras la documentación: http://www.autopano.net/wiki-en/action/view/Panotour_-FAQ-Viewing_the_tour_online(desktop)

Lo más interesante es que a través de la URL podrás no solo escoger la escena, sino también el FOV, el punto de vista inicial, si quieres que aparezca en HTML5, si quieres saltar la intro, si no quieres con autorrotación y otras opciones. Todo a través de la URL. ¡Fantástico!

Para el caso de cada escena deberás averiguar el número de la escena, que PanoTour pone automáticamente. Esto lo averiguas en el panel de PanoTour donde cambias el nombre de la escena. Identifica un botón azul de info y haz clic ahí, te saldrá la info.

Y puedes generar la URL, con ese código, así:

www.tusitio.com/nombre-del-tour?s=pano1

El código que añades es ?s=pano1 (si la escena tiene el número 1)

Así de fácil, Carlos. Esto te permitirá hacer un menú como lo deseas hacer o insertar escenas particulares en diferentes partes de tu sitio web, o compartir una escena particular del tour en redes sociales, etc…

Mira un ejemplo:

  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano643
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano9
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano150
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano10
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano11
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano43
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano47
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano49
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano52
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano55
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano86
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano934
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano939
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano928
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano926
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano932
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano937
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano930
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano321
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano256
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano354
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano44
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano319
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano145
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano147
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano370
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano381
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano376
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano374
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano637
  • http://www.wikibeachrealestate.com/360/fernanda-martino/?s=pano367

Saludos.

3

Mario, gracias, gracias. Fantástica respuesta, estoy realmente encantado con tu rapidez y tus conocimientos.
Voy a probarlo y te comentaré lo que consigo.
Gracias de nuevo y hasta dentro de muy poquito.

4

Hola, muy buenas… esta es la primera vez que escribo, pero he leído mucho en esta web… me parece super interesante.

Magnífica explicación… Andaba buscándo esta opción… He conseguido hacer que funcionen los enlaces profundos sin problemas. Mil gracias.

Me gustaría hacerte una pregunta, si es posible.

En el Tour Virtual que has puesto como ejemplo, me llama mucho la atención la utilidad de poder tomar una foto… me refiero a la opción que muestras en la parte inferior izquierda “Take your Photo”… Podrías explicar cómo implementar esa utilidad?

Saludos cordiales desde Alicante (España).
Un placer.
Miguel Martin.

5

Hola Miguel, bienvenido.

Se trata de un plugin llamado eCard. Tiene un precio de 25 euros. Es muy fácil de configurar. Y ha sido muy útil para el proyecto WikiBeach.

La implementación es muy sencilla como te decía. Después de comprar el plugin, podrás descargar los archivos que componen este plugin. Los subes al servidor, en la carpeta donde está el tour virtual donde lo desees integrar. Y para que te funcione, debes agregarlo como plugin en el código de XML principal del tour virtual, por ejemplo, así:

<plugin name="ecard" url="ecard.swf" scriptpath="ecard.php" />

Ten en cuenta que desafortunadamente solo funciona en Flash. Los dispositivos móviles se quedan por fuera. :frowning:

Saludos…