Comment générer une page html avec un panorama ?

pierre_pics · Message par **pierre_pics** » 12 août 2014, 20:59 24

Bonjour,

Je ne suis pas certain d'être dans la bonne catégorie, j'ai hésité avec «visite virtuelle». Merci de me signaler si je me suis trompé.

Je sais créer des panoramas sphériques (format equirectangulaire, ou les 6 faces du cube). Je voudrai un logiciel qui puisse générer à partir d'un panorama, une page html (ou un dossier contenant plusieurs fichiers) pour pouvoir les mettre sur un site internet.
Je suis perdu dans tous les logiciels existants. Connaissez vous un logiciel pour faire ceci, avec les contraintes suivantes :

- Doit fonctionner sous Linux
- Logiciel libre, et un format de visionnage ouvert (ne nécessitant pas de plugin propriétaires) et si possible pas de plugin du tout (du html5 serait pas mal)
- Tuilage si possible (je ne sais pas si c'est le bon terme, en fait un logiciel qui permet d'afficher un gros panorama sans imposer un gros téléchargement au début, en décomposant l'image en tuiles de différentes dimensions, à la google maps)

Merci de vos lumières.

hub · Message par **hub** » 13 août 2014, 12:24 48

Regarde PANOSALADO. Il est OpenSource, fonctionne sous Flash 10 et plus. Voici quelques liens:

viewtopic.php?t=3618
http://openpano.org
https://www.facebook.com/pages/Open-Pan ... 3386758187
http://os.ivrpa.org/panosalado/

hub · Message par **hub** » 13 août 2014, 12:38 05

Regarde aussi SMARTY: http://vrsmarty.com
un player "révolutionnaire" (payant) qui n'a pas percé. Dommage, car il ne manque pas d’atouts. Contacte Darek Czarnecki - son auteur (et propriétaire du forum de panoramistes polonais). Vu le manque d'intérêt qu’a suscité son logiciel, peut-être il te laissera l’utiliser gratuitement.

pierre_pics · Message par **pierre_pics** » 13 août 2014, 12:38 35

Merci de ta réponse, je vais étudier ça.

Edit : Pour SMARTY, ce n'est pas l'aspect payant qui me dérange, mais la licence propriétaire.

pierre_pics · Message par **pierre_pics** » 14 août 2014, 21:21 49

Je suis parvenu à mes fins avec Panosalado.

Je remercie Hub qui m'a indiqué le bon logiciel.

Ci dessous quelques éléments pour aider ceux qui voudraient s'en servir, et leur éviter j'espère quelques galères.

Tout d'abord j'ai récupéré saladoconverter (il sert à transformer l'image équirectangulaire en 6 faces de cubes à divers niveaux de zoom) : https://github.com/mstandio/SaladoConverter/downloads
Ensuite il faut aussi saladoplayer (à installer sur le serveur pour afficher le panorama) : http://openpano.org/

Première étape : utiliser saladoconverter.

C'est un programme java. Il m'a d'abord fallu lui indiquer le chemin pour trouver les classes qu'il demandait. Les classes sont dans le fichier zip que l'on a téléchargé. On peut les ajouter au PATH de java, mais le plus simple est d'aller dans les «settings» de saladoconverter et lui indiquer ou les trouver.
Deuxiemme problème, la mémoire allouée par la machine virtuelle était insuffisante par rapport à la taille de mon fichier équirectangulaire. Solution : augmenter la mémoire allouée. La ligne de commande (Debian) pour faire ça est : java -Xmx4096m -jar chemin/vers/le/fichier/SaladoConverter.jar'

Une fois les faces du cube générées, pouvoir faire fonctionner ça sur mon site il m'a fallu préparer un peu les fichiers. Un grand merci à Franck Barbenoire ( http://franck-barbenoire.fr/ ), l'auteur de django-saladoplayer que j'ai contacté et qui a pris sur son temps pour me donner un coup de main. Les fichiers index.html et config.xml ci-dessous sont des adaptation des siens.

J'ai crée un dossier dans lequel j'ai mis saladoplayer, et un autre pour les fichiers du panoramique.
A côté de ces deux dossiers, j'ai mis le fichier index.html suivant :

Code : Tout sélectionner

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
		<script type="text/javascript" src="SaladoPlayer/viewer/embed/swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			flashvars.xml = "lenomdudossierdupanorama/config.xml"
			var params = {};
			params.play = "true";
			params.loop = "false";
			params.menu = "false";
			params.quality = "high";
			params.scale = "showall";
			params.wmode = "window";
			params.bgcolor = "#FFFFFF";
			params.devicefont = "false";
			params.allowfullscreen = "true";
			params.allowscriptaccess = "sameDomain";
			var attributes = {};
			swfobject.embedSWF("SaladoPlayer/viewer/SaladoPlayer-1.3.5.swf", "SaladoPlayer", "100%", "100%", "10.0.0", "SaladoPlayer/viewer/embed/expressInstall.swf", flashvars, params, attributes);
		</script>
	</head>
	<body style="margin: 0; padding: 0;">
		<div id="SaladoPlayer">
			<a href="http://www.adobe.com/go/getflashplayer">
				<img src="SaladoPlayer/viewer/embed/get_flash_player.gif" alt="Get Adobe Flash player" />
			</a>
		</div>
	</body>
</html>

Dans le dossier du parorama, il y a config.xml

Code : Tout sélectionner

<?xml version="1.0" encoding="UTF-8"?>
<SaladoPlayer>
    <global debug="true">
        <control autorotation="enabled:false"/>
        <control mouseWheelTrap="true"/>
        <trace open="false"/>
    </global>
    <panoramas>
        <panorama id="nom_du_panorama" path="~lenomdudossierdupanorama/DSC07347-DSC07382_f.xml">
        </panorama>
    </panoramas>
    <modules>
       <ButtonBar path="~SaladoPlayer/modules/buttonbar/ButtonBar-1.3.swf">
          <buttons path="~SaladoPlayer/modules/buttonbar/skins/buttons_dark_30x30.png">
             <button name="up"/>
             <button name="down"/>
             <button name="left"/>
             <button name="right"/>
             <button name="in"/>
             <button name="out"/>
             <button name="drag"/>
             <button name="fullscreen"/>
          </buttons>
       </ButtonBar>
       <MouseCursor path="~SaladoPlayer/modules/mousecursor/MouseCursor-1.3.swf">
          <settings path="~SaladoPlayer/modules/mousecursor/skins/cursors_31x31.png"/>
       </MouseCursor>
    </modules>
    <actions>
       <action id="loadPano1" content="SaladoPlayer.loadPano(nom_du_panorama)"/>
  </actions>
</SaladoPlayer>

A noter que DSC07347-DSC07382_f.xml est généré automatiquement par saladoconverter

Une fois ceci fait, j'ai simplement mis en ligne le fichier index.html et les deux dossiers : SaladoPlayer et lenomdudossierdupanorama

Pour terminer, quelques remarques / conseils de Franck (copier/coller)

en fait, ton premier problème, c'est d'installer django sur Free. django est écrit en Python, mais je ne crois pas que Free propose ce langage... à moins d'aller chez un autre hébergeur web, c'est mort pour la solution django. l'avantage de django-saladoplayer, c'est qu'il te permet de configurer une visite virtuelle simplement, il te fabrique tout seul le fichier de configuration .xml

maintenant, tu peux utiliser saladoplayer quand même, c'est juste plus long à configurer à la main, il y a quelques fichiers .swf (flash) à installer sur le serveur. voilà un exemple en html tout bête : http://panoramiques.franck-barbenoire.f ... rette.html. regarde comment sont faits le html et le xml (http://panoramiques.franck-barbenoire.f ... config.xml) et inspire t'en. je pense que c'est là ta planche de salut.

tu as aussi un plugin pour wordpress qui s'appelle panopress (https://wordpress.org/plugins/panopress/), il permet d'insérer un panorama dans une page de wordpress et voici un exemple :

http://wordpress.franck-barbenoire.fr/?page_id=4

si tu ne veux pas utiliser wordpress, insère ton panorama réalisé avec saladoplayer grâce à une balise html <iframe>.

et pour décomposer en tuiles, il y a un autre outil beaucoup plus rapide qui s'appelle vips (http://www.vips.ecs.soton.ac.uk/index.php?title=VIPS) et en plus, il n'y a pas besoin de java.

exemple :

$ vips dzsave huge.tif my_dz_dir

Bon courage !

hub · Message par **hub** » 14 août 2014, 21:50 14

Tu peux contacter MStandio (c’est probablement pseudo), qui améliore constamment Panosalado (tu as téléchargé son converteur), cherche le contact avec les utilisateurs et donne des bons conseilles sur le forum polonais http://panoforum.vr360.pl

pierre_pics · Message par **pierre_pics** » 14 août 2014, 21:51 45

Je veux bien le contacter, mais dans quel but ?

Je lui dis simplement que j'utilise ses outils ?

hub · Message par **hub** » 14 août 2014, 22:10 31

En tant que développer, il a besoin d'un feed-back. Ce contact peut se révéler utile si tu rencontres quelques problèmes, ou si tu souhaites d'améliorer ou de développer une nouvelle fonction.
Si tu ne ressens pas un tel besoin, effectivement, ce sera inutile de le perturber.

Panophoto.org

Comment générer une page html avec un panorama ?

Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?

Re: Comment générer une page html avec un panorama ?