You are not logged in.

ERLEDIGT - Quicktime konvertieren

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

1

Sunday, February 28th 2010, 10:34am

ERLEDIGT - Quicktime konvertieren

Auf meiner Webseite habe ich bereits Quicktime Panorama Dateien (.mov) im Einsatz, die ich mit krpano konvertieren möchte, damit man sie ohne das zusätzliche Herunterladen von Plugins für den Browser betrachten kann. Wie muss ich vorgehen ?

Im Forum konnte ich nichts dazu finden.
Gruss Rainer
http://360x180.biz

This post has been edited 3 times, last edit by "360x180" (Mar 26th 2010, 2:00am)

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

2

Monday, March 1st 2010, 11:02am

Hi,

im aktuellen Download Paket ist dazu ein Beispiel enthalten:
http://krpano.com/examples/108b9/example…ithout_xml.html

(im Verzeichnis - /examples/supported-pano-formats/qtvr/)


das wäre der einfachste Fall: (direkt per HTML Datei, ohne XML usw.)

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14

<div id="krpanoDIV">
</div>

<script type="text/javascript" src="swfkrpano.js"></script>

<script type="text/javascript">
// <![CDATA[

	var swf = createswf("krpano.swf", "krpanoSWFObject", "100%", "100%");
	swf.addVariable("qtvr", "pano.mov");
	swf.embed("krpanoDIV");

// ]]>
</script>


Schöne Grüße,
Klaus

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

3

Tuesday, March 2nd 2010, 12:53am

Danke sehr Klaus,

das hat soweit funktioniert. Nur eine Frage noch, wie kann ich die Darstellungsgröße bzw. das Darstellungsverhältnis ändern ? Momentan habe ich die volle Bildschirmbreite (1440 Pixel), aber nur 200 Pixel an Höhe. Die Bildgröße ist normalerweise im Verhältnis 4:3 angelegt.

Ich kenne mich nur mit HTML und CSS, aber nicht mit Javascript aus, habe trotzdem Folgendes versucht:
1. Die Prozentangaben in der Zeile "var swf = createswf("krpano.swf", "krpanoSWFObject", "100%", "100%");" verändert - ohne Wirkung
2. In der swfkrpano.js nach dem Wert 200 Pixel gesucht, aber nichts gefunden.
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

4

Friday, March 5th 2010, 1:06pm

Hi,

das liegt dem verwendetem (x)HTML Doctype,
das height="100%" funktioniert nicht überall,

damit height="100%" auch bei XHTML funktioniert,
müssen auch alle 'übergeordneten' Elemente ebenfalls eine "height" definiert haben,
also das <div> in dem krpano eingebettet wird, und weiter <body> und <html>,

hier z.B. ein komplettes XHTML Beispiel: (achte vor allem auf die <style> Einstellungen hier)

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>title</title>
	<style>
		html { height:100%; }
		body { height:100%; margin:0; padding:0; }
		#krpanoDIV { height:100%; }
	</style>
</head>
<body>

<script type="text/javascript" src="swfkrpano.js"></script>

<div id="krpanoDIV">
	<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
</div>

<script type="text/javascript">
// <![CDATA[

	var swf = createswf("krpano.swf","krpanoSWFObject","100%","100%");
	swf.embed("krpanoDIV");

// ]]>
</script>

</body>
</html>


Schöne Grüße,
Klaus

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

5

Tuesday, March 16th 2010, 11:59pm

Navigation und Weiteres aus der defaultskin.xml wir nicht dargestellt

Danke Klaus - ich habe den von Dir geposteten Code in meine HTML Datei übernommen. Das Panorama wird jetzt in der richtigen Größe angezeigt. Leider aber nicht die Navigationsbuttons und alles Andere, was in der defaultskin.xml vorhanden ist. Den Pfad habe ich überprüft. Die Dateien power.html und power.xml befinden sich im root Verzeichnis, die Dateien defaultskin.xml, buttons.png, drag-cursors.png und qvtr-cursors.png im skin Verzeichnis, welches sich ebenfalls im root Verzeichnis befindet.

Das Einzige, was ich in der .html Datei (außer etwas am style) verändert habe, ist das Hinzufügen der Zeile 27 swf.addVariable("xml","power.xml");
Der Code der drei Dateien sieht folgendermaßen aus:
power.html

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<html>
<head>
<title>krpano.com - Power</title>
</head>
<style>
body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#000000; margin:0; padding:0; }
* html, * html body{ overflow: hidden; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
html { height:100%; }
body { height:100%; margin:0; padding:0; }
#krpanoDIV { height:100%; }

</style>
<body>
<script type="text/javascript" src="swfkrpano.js"></script>
<div id="krpanoDIV">
<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
</div>



<script type="text/javascript">
// <![CDATA[

var swf = createswf("krpano.swf","krpanoSWFObject","100%","100%");
swf.addVariable("xml","power.xml");
swf.embed("krpanoDIV");

// ]]>
</script>

</body>
</html>


power.xml

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<krpano version="1.0.8">

<include url="skin/defaultskin.xml" />

<view hlookat="0" vlookat="0" maxpixelzoom="1.0" />
<display details="22" />

<preview type="CUBESTRIP" url="power.tiles/preview.jpg" />

<image type="CUBE" multires="true" tilesize="768">
<level tiledimagewidth="69" tiledimageheight="69">
<left  url="power.tiles/l1_l_%0v_%0h.jpg" />
<front url="power.tiles/l1_f_%0v_%0h.jpg" />
<right url="power.tiles/l1_r_%0v_%0h.jpg" />
<back  url="power.tiles/l1_b_%0v_%0h.jpg" />
<upurl="power.tiles/l1_u_%0v_%0h.jpg" />
<down  url="power.tiles/l1_d_%0v_%0h.jpg" />
</level>
</image>



</krpano>


Der Code der defaultskin.xml ist original, passte hier leider wegen der Limitierung auf 10.000 Zeichen nicht mehr hin.
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

6

Wednesday, March 17th 2010, 11:50am

Hi,

so wie du schreibst müsste eigentlich alles richtig sein und funktionieren...
wird es nur nicht dargestellt oder kommen Lade Fehlermeldung?
stimmen eventuell die 'Zugriffsrechte' auf das skin Verzeichnis oder die Dateien darin, am Server nicht?

(zum Herausfinden des Problems wäre ein Link hier sicherlich hilfreich )

Schöne Grüße,
Klaus

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

7

Saturday, March 20th 2010, 3:25pm

Erledigt und herzlichen Dank, Klaus

anscheinend funktioniert das Ganze nicht lokal. Nachdem ich die Dateien auf den Server geladen hatte, sehe ich die .mov Datei und auch die Navigation. Bleibt nur ein kleiner bitterer Beigeschmack beim IE 8, siehe hier.
Gruss Rainer
http://360x180.biz

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

8

Saturday, March 20th 2010, 10:09pm

Etwas zu voreilig...

... habe ich da wohl gepostet.

In der nicht produktiven Phase sah Alles so gut aus. Jetzt, nachdem ich es auf den Server geladen habe, brate ich mir den Storch mit den <style> Einträgen im head. Ich habe m. E. allen übergeordneten <div> den Wert "height:100%;" zugeordnet. Aber das Pano bleibt auf einer Höhe von 200 Pixeln.

kr_mov1_de.html

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
	<style>
		html { height:100%; }
		body { height:100%; margin:0; padding:0; }
		wrapper { height:100%; }
		mainbox { height:100%; }
		gallerymov { height:100%; }
		#krpanoDIV { height:100%; }
	</style>

		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<meta name="robots" content="all" />
	<meta name="Author" content="Rainer Kuck - CINESET"  />
	<meta name="description" content="360 x 180 Grad -  An Board mit den Rallye Meistern" />
	<meta name="keywords" content="Panoramafotos Panoramas Panoramen horizontal vertikal Fotografie Foto Kanarische Inseln Kanaren Teneriffa Immobilien 360º 180º digital Lanzarote Gran Canaria Fuerteventura Graciosa Hierro Gomera Palma Quicktime" />

	<title>360° x 180° - Rallye Auto </title>
	  <link rel="stylesheet" href="style.css" type="text/css" media="all"/>
  </head>

  <body>
  
   <div id="wrapper"><img src="logo.jpg"  alt="logo 360x180" id="topimg" />
   <div id="content">
   <div id="skip">
	<a href="#maincontent" title="Skip over navigation " class="hide" >Skip over navigation</a>
   </div>

   </div>

	<div id="topmenu">
 	<ul>
  	<li><a href="index.html">Start - ES - EN </a></li>

   <li><a href="des_de.html">Informationen</a></li>
   <li><a href="fot_de.html" id="current">Galerie</a></li>
   <li><a href="tar_de.html">Links</a></li>
   <li> <a href="con_de.html" class="last">Kontakt</a></li>

   </ul>
   </div>
   <div id="mainbox">
 	<a name="maincontent" id="maincontent"></a>
	<h2>Champions</h2><br /><br />
	<div class="gallerymov">
 <script type="text/javascript" src="swfkrpano.js"></script> 
<div id="krpanoDIV">
<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Javascript not activated<br><br></center></td></tr></table></noscript>
</div>
<script type="text/javascript">
// <![CDATA[
var swf = createswf("krpano.swf","krpanoSWFObject","100%","100%");
swf.addVariable("xml","power.xml");
swf.embed("krpanoDIV");

// ]]>
</script>

   <br /><br />
	On Board mit Luis Garc&iacute;a und Yeray Garc&iacute;a, Kanarenmeister Rallye 2006 
	</div>
		<div><br />
   	<span class="linkright"><a href="fot_de.html">Panorama Galerie</a></span>   	   
  		</div>
   </div >
   



	<div id="footer">
 	<p>f&nbsp;&nbsp;o&nbsp;&nbsp;t&nbsp;&nbsp;o&nbsp;&nbsp;s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;b&nbsp;&nbsp;e&nbsp;&nbsp;i&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;d&nbsp;&nbsp;e&nbsp;&nbsp;n&nbsp;&nbsp;e&nbsp;&nbsp;n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s&nbsp;&nbsp;i&nbsp;&nbsp;e&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i&nbsp;&nbsp;m&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;m&nbsp;&nbsp;i&nbsp;&nbsp;t&nbsp;&nbsp;t&nbsp;&nbsp;e&nbsp;&nbsp;l&nbsp;&nbsp;p&nbsp;&nbsp;u&nbsp;&nbsp;n&nbsp;&nbsp;k&nbsp;&nbsp;t&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s&nbsp;&nbsp;t&nbsp;&nbsp;e&nbsp;&nbsp;h&nbsp;&nbsp;e&nbsp;&nbsp;n</p>
	</div>
  </div></body></html>


Zu sehen gibt es das hier.
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

9

Thursday, March 25th 2010, 7:58pm

Hi,

...ich vermute hier:

Source code

 
1
2
3

wrapper { height:100%; }
mainbox { height:100%; }
gallerymov { height:100%; }

fehlt das '#' Zeichen vor jeder "id",

Schöne Grüße,
Klaus

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

10

Thursday, March 25th 2010, 9:04pm

Hallo Klaus - Danke sehr

Source code

 
1
2
3
4
5
6
7
8

<style>
html { height:100%; }
body { height:100%; margin:0; padding:0; }
#wrapper { height:100%; }
#mainbox { height:100%; }
#gallerymov { height:100%; }
#krpanoDIV { height:100%; }
</style>


So sieht der <style> Bereich jetzt aus und die Höhe bleibt auf 200 Pixel
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

11

Thursday, March 25th 2010, 9:19pm

das "content" div hat noch keine Höhe...

Schöne Grüße,
Klaus

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

12

Thursday, March 25th 2010, 9:27pm

Nein, das ist es auch nicht. Das zerreißt mir das Design. Ist ja auch kein übergeordnetes <div>, sondern liegt auf der gleichen Ebene
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

13

Thursday, March 25th 2010, 9:36pm

okay, stimmt, sah so aus
was mir noch aufgefallen ist - "gallerymov" ist eine CSS Klasse ("class"),
also:

Source code

 
1

.gallerymov { height:100%; }

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

14

Thursday, March 25th 2010, 9:41pm

Ja, hatte ich auch schon vorher gedacht (WebDeveloper und Firebug) aber dann sieht es so aus:
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

15

Thursday, March 25th 2010, 10:00pm

interessant
von was soll eigentlich das Panorama 100% hoch sein?
und warum keine absoluten Größen/Höhenangaben?

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

16

Thursday, March 25th 2010, 10:17pm

Bisher habe ich versucht, mich an Deinen Vorgaben zu orientieren. Wie meinst Du das jetzt, anstatt der 100 % was ? Könntest Du das bitte kurz in Codeform konkretisieren.
Gruss Rainer
http://360x180.biz

klaus.krpano

Administrator

Posts: 13,499

  • Send private message

17

Thursday, March 25th 2010, 10:41pm

die 100% müssen sich auf irgendetwas beziehen, hier offensichtlich die Browserhöhe,
eventuell müssten die übergeordneten Elemente in Sachen Höhe anderes aufgebaut sein,
damit die 100% Sinn ergeben...

was ich noch meinte - es sind natürlich auch absolute Größenangaben möglich,
z.B. 400 Pixelhöhe:

Source code

 
1

var swf = createswf("krpano.swf","krpanoSWFObject","100%","400");

360x180

Beginner

  • "360x180" started this thread

Posts: 17

  • Send private message

18

Friday, March 26th 2010, 1:48am

Danke für Deine Geduld, Klaus.

Ja, das war's, jetzt ist Alles Bestens.
Auf das Letzte hätte ich auch selbst kommen können. Aber manchmal ist halt das Brett vor'm Kopf da - ;-)
Gruss Rainer
http://360x180.biz

This post has been edited 3 times, last edit by "360x180" (Mar 26th 2010, 2:02am)

Similar threads