JSON vs. XML 

Beaucoup d'applications Flash utilisent le langage XML pour stoker leurs paramètres.

AVFlashVR a été conçu pour faciliter le travail du webmaster. Il se programme avec JSON.

JSON est un format d'échange de données, plus simple et plus léger que XML.

Les paramètres de AVFlashVR sont plus faciles à régler, et la documentation est plus légère.

JSON est compatible avec tous les langages Internet (HTML/JS, PHP, ASP, etc.). 

 

Dans les premiers exemples, nous avons vu comment afficher un pano, avec un minimum d'information.

A partir de l'exemple 4, nous utilisons un objet JSON qui contient tous les paramètres des visites virtuelles :

Cela permet d'afficher dans un même cadre :

• Plusieurs panos avec interaction.
• Des galeries (images miniatures).
• Des textes (titres, logos, etc.).
• Des cartes Gmaps
• etc.

Pour simplifier le traitement, nous avons groupé les paramètres similaires dans un seul objet.

L'objet nommé "panos" (au pluriel) contient plusieurs objets ("pano00", "pano01", "pano02",...)  

Chaque objet "panoXX" contient les paramètres du pano correspondant.

 

Cette écriture est également appliquée pour les "plugins" et les "hotspots".

Vous trouverez un modèle concret dans le fichier ".js" de l'exemple 4.

 

Vous remarquerez que la syntaxe JSON est vraiment simple.

Les mêmes réglages en XML, auraient occupé plus de place, et de temps.

// Panoramas
panos:{ pano00: { file: "pano_mov/pano0.mov",                        
                  title: "Title for pano 0",
                  // Optionnal
                  pan: "-125",
                  zoom: "1",
                  gMapLat: "44.718538477895144",
                  gMapLon: "-1.2050172686576843"
                },

        pano01: { file: "pano_mov/pano1.mov",
                  title: "Title for pano 1",
                  pan: "-125",
                  tilt: "45",
                  zoom: "1.2"
                },

        pano02: { file: "pano_mov/pano2.mov",
                  title: "Title for pano 2"
                }
       }

A partir de l'exemple 4, on trouve le paramètre "panoObject". Celui-ci peut recevoir de nombreux paramètres ou "objects", stockés dans un fichier externe.

En ouvrant l'exemple 4 vous comprendrez rapidement le principe :

• Une page index.html avec le code ci-dessous.
• Le fichier nommé "flashvars_obj.js" contient les paramètres qui doivent passer dans "panoObjet".

 

// Chargement du fichier externe
<script src="/avflashvr/params_js/flashvars_obj.js" type="text/javascript"></script>
 
<script type="text/javascript">
// La variable "flashVars_obj" est convertie en objet JSON.
var paramObj = encodeURIComponent(JSON.encode(flashVars_obj));
var flashVars = {
             // Les paramètres sont envoyé à "panoObject".
             panoObject: paramObj
}
</script>

Cette méthode permet de passer tous les paramètres, sous la forme d'un seul objet, au format JSON.