Aperçu — notre boutique ouvre bientôt.

krpano Plugins

Plugin krpano v1.0.0 Nouveau

Tour Navigator

Un menu de scènes pour toute la visite : groupes, recherche dans les scènes et les lieux, menu mobile et panneau VR.

49 € Prix unique, HT
Boutique bientôt ouverte Essayer la démo

Compatibilité

Vérifié pour krpano 1.23.2–1.24

Comment ça marche.

Une visite de plusieurs dizaines de scènes demande plus qu’une rangée de vignettes. Tour Navigator ajoute à votre visite krpano une barre de vignettes, une grille plein écran, une liste latérale ou un menu déroulant, un menu en bas de l’écran sur téléphone et un panneau en VR, tous issus des mêmes groupes. Les visiteurs trouvent chaque scène et chaque hotspot marqué en tapant quelques lettres, même dans les scènes pas encore chargées, et chaque réglage est un attribut d’un seul élément XML.

Installation.

  1. 1

    Copiez un dossier

    Placez le dossier chiffré du plugin dans votre visite et ajoutez un élément layer (et, si vous le souhaitez, un include) à votre XML.

  2. 2

    Décrivez votre visite

    Définissez si vous le souhaitez des groupes, marquez des hotspots comme lieux recherchables et traduisez les titres avec l’élément <languages> que vous utilisez déjà.

  3. 3

    Choisissez l’apparence

    Choisissez la mise en page, les couleurs et le comportement avec les attributs de l’élément layer ; ajustez arrondi, police et fond avec six variables CSS.

Ce qui fait la différence.

Les visiteurs trouvent ce qu’ils cherchent

La recherche trouve scènes et lieux par titre, mots-clés et groupe, tolère fautes de frappe et accents et mène directement au lieu.

Ordinateur et téléphone

Barre, grille, liste latérale ou menu déroulant sur ordinateur et menu tactile en bas de l’écran sur téléphone.

Aucun serveur, aucune requête vers des tiers

Tout fonctionne dans votre visite krpano. Vérifié avec krpano 1.23.2, 1.23.3 et 1.24 et conçu pour fonctionner avec les autres plugins z360.

Captures d'écran.

Essayer la démo
Ordinateur La barre de vignettes avec les onglets de groupes dans la visite de démonstration de l’hôtel.
Smartphone Le menu en bas de l’écran avec recherche, groupes et scènes sur un téléphone.
Détail Une recherche trouve scènes et lieux, même dans des scènes pas encore chargées.
La barre de vignettes avec les onglets de groupes dans la visite de démonstration de l’hôtel.

Ordinateur La barre de vignettes avec les onglets de groupes dans la visite de démonstration de l’hôtel.

1 / 3

Paramètres.

À définir comme attributs dans le XML de votre visite.

ParamètreTypePar défautDescription
active Oui / NontrueActive ou désactive le navigateur pendant la visite ; désactivé, toutes ses parties sont retirées.
layout ListebarMise en page sur grand écran : barre de vignettes, grille plein écran, liste latérale ou menu déroulant. bargridsidedropdown
layout_mobile ListesheetSur téléphone : un bouton flottant avec un menu en bas de l’écran, ou la même mise en page que sur grand écran. sheetsame
slot ListeautoEmplacement à l’écran ; auto utilise le bas au centre (liste latérale : milieu gauche). autotop-lefttop-centertop-rightmiddle-leftmiddle-rightbottom-leftbottom-centerbottom-right
offset Nombre16Distance au bord de l’écran en pixels.
max_width Nombre80Largeur maximale de la barre et du menu déroulant en pourcentage de la largeur du viewer.
start_open Oui / NontrueIndique si la barre et la liste latérale sont dépliées au départ.
exclude_scenes TexteNoms de scènes jamais affichées ni recherchées, séparés par des virgules.
groups ListeautoAffichage des groupes : automatique selon la mise en page, par niveaux (drill-down) ou pas du tout. autooffdrilldown
group_all Oui / NontrueAjoute le groupe « All » avec toutes les scènes ; son texte se modifie avec text_all.
start_group TextecurrentGroupe actif au départ : le groupe de la scène actuelle, all ou un nom de groupe.
order ListetourOrdre des scènes : comme dans le XML de la visite ou alphabétique par titre. tourtitle
thumb_size Nombre120Largeur des vignettes en pixels (60–240).
show_visited Oui / NonfalseMarque les scènes déjà vues pendant cette visite.
prev_next Oui / NonfalseAjoute des boutons scène précédente et scène suivante.
search Oui / NontrueAffiche la recherche.
search_pois Oui / NontrueRecherche aussi les hotspots marqués comme lieux, dans toutes les scènes.
search_hotkey TexteTouche qui ouvre la recherche : vide (aucune touche) ou /.
poi_action ListelookatEffet du choix d’un lieu : se tourner vers lui, se tourner vers lui et lancer son action de clic, ou seulement ouvrir sa scène. lookatlookat_openscene
poi_fov Nombre70Champ de vision en se tournant vers un lieu (10–140).
blend TexteBLEND(0.6)Transition des changements de scène lancés par le navigateur, par exemple BLEND(0.6) ou NOBLEND.
deeplink ListereadLit un lien de scène au démarrage ; readwrite garde aussi la scène actuelle dans l’adresse de la page. offreadreadwrite
copy_link Oui / NonfalseAjoute un bouton qui copie un lien vers la scène et le point de vue actuels.
theme ListedarkThème de couleurs sombre ou clair. darklight
accent_color Couleur#3D8BFFCouleur du cadre de la scène actuelle, du groupe actif et de l’anneau de focus.
vr Oui / NontrueAffiche le panneau VR en VR ; false masque le navigateur en VR.
debug Oui / NonfalseAffiche le nombre de scènes, de groupes et de lieux dans la console du navigateur.
text_scenes TexteScenesTexte « Scenes » du bouton, des titres et de la fenêtre ; une clé <languages> ou un texte littéral.
text_all TexteAllNom du groupe contenant toutes les scènes.
text_other TexteOtherNom du groupe des scènes sans groupe.
text_places TextePlacesTitre des lieux dans les résultats de recherche.
text_search TexteSearch scenes and placesTexte indicatif et libellé du champ de recherche.
text_no_results TexteNothing foundTexte affiché et annoncé quand rien n’est trouvé.
text_back TexteBackLibellé du bouton retour.
text_close TexteCloseLibellé du bouton fermer.
text_prev TextePrevious sceneLibellé du bouton scène précédente.
text_next TexteNext sceneLibellé du bouton scène suivante.
text_copy_link TexteCopy linkLibellé du bouton copier le lien.
text_visited TexteVisitedTexte annoncé par les lecteurs d’écran pour une scène visitée.
Exemple
<include url="plugins/z360_scene_navigator/z360_scene_navigator.xml" />
<layer name="z360_scene_navigator"
       url="plugins/z360_scene_navigator/z360_scene_navigator.js"
       keep="true"
       layout="bar"
       show_visited="true"
       copy_link="true" />

<z360_scene_navigator_group name="rooms" title="Rooms" scenes="scene_room_204,scene_suite" />
<z360_scene_navigator_group name="leisure" title="Leisure" scenes="scene_pool,scene_lounge" />

<scene name="scene_lounge" title="Lounge" ...>
  <hotspot name="piano" ath="-62" atv="7" z360_scene_navigator_poi="Piano" ... />
</scene>

Fonctionnalités

  • Quatre mises en page : barre de vignettes, grille plein écran, liste latérale et menu déroulant
  • Menu en bas de l’écran avec zones tactiles de 44 px sur téléphone
  • Groupes imbriqués ; une scène peut appartenir à plusieurs groupes
  • Recherche dans les scènes et les hotspots marqués, y compris dans les scènes pas encore chargées
  • Recherche tolérante aux fautes de frappe et aux accents
  • Panneau VR avec pages de groupes et de scènes pour le plugin WebVR de krpano
  • Langues via l’élément <languages> de la visite
  • Liens vers une scène et un point de vue, en option sans apparition de la première scène
  • Bouton de copie du lien, scènes visitées marquées, boutons précédent / suivant
  • Navigation au clavier et libellés pour lecteurs d’écran
  • Grandes visites : 500 scènes et 1 000 lieux indexés en 30 ms environ sur ordinateur, en moins de 0,2 s avec un processeur 4× plus lent
  • Fichiers du plugin chiffrés, chaque réglage en attribut XML

Contenu

  • plugins/z360_scene_navigator/z360_scene_navigator.js (chiffré)
  • plugins/z360_scene_navigator/z360_scene_navigator.xml (chiffré)
  • Manuel (anglais) avec des exemples de configuration prêts à copier