Beiträge von robotpano

Hello,

I am attempting to password protect a directory in Apache using htpasswd and htaccess.

Result:

- Most files load and appear correctly.
- Krpano works fine in Flash mode.
- Krpano does NOT work in WebGL mode.


The problem seems to occur when Krpano attempts to load the pano image tiles. "HTTP Error 401 Unauthorized"



To see this in action, I have uploaded the default, unaltered Krpano examples to a htaccess password protected directory:
http://01-sh-xc23.simplehelix.com/panopass/examples/examples.html

username: klaus
password: klaus

(Click on the 'Animated Hotspot' example)

Notes:

- The individual files that produce 401 errors are in fact accessible when viewed directly in a browser. Example: http://01-sh-xc23.simplehelix.com/panopass/examp…s/p2/pano_l.jpg They only seem to fail when accessed by Krpano in WebGL mode.

- Some non-krpano files produce the 401 error as well, such as the WebGL logo: http://01-sh-xc23.simplehelix.com/panopass/examp…/webgl_logo.png Perhaps this is a problem with WebGL itself, and has nothing to do with Krpano... ?

Does anyone have suggestions? :(

Thanks Klaus, "url.no-mobile" worked beautifully!

I was able to combine it with scale.no-mobile="2", so my small mobile hotspot images display correctly.

Thank you for the elegant design!

I wish to use a smaller hotspot image on mobile devices. I have tried the following, but it does not work:

<hotspot name="mySpot"  url="images/large.png"  devices="!mobile"  />

<hotspot name="mySpot"  url="images/small.png"  devices="mobile"  />

Is there a way to do this? Perhaps I am meant to use hotspot[name].loadStyle()

THANK KLAUS!!! :)

This is exactly what I need!

I apologize for not finding the example or the method. I searched for 'unload scene' and 'destroy krpano'. I shall look in the examples in the future. :)

Hello,

I wish to temporarily "hide" Krpano on my web page, so I can display another div which is memory-intensive. Once I am done with 'My' div, I destroy my div. I then unhide Krpano.

1. I initialize and display Krpano on my page via embedpano().
2. After a while, I "hide" Krpano, either with CSS - opacity 0, or disaply:none.
3. Then I show my memory-intensive div.
4. Then I destroy my memory intensive div.
5. Then I "Unhide" Krpano.

When I 'hide' Krpano, it would be nice to 'destroy' it as well. (Clear all images out of memory.)

Is there a way to 'destroy' a Krpano 'object''?

Alternately, is there a way to keep the Krpano object 'alive', and simply unload the current scene?

Note: It may be best to actually 'destroy' the Krpano object. This is because I have 'html5' set to 'auto' in my krpnao object. On desktops with Flash, setting the krpano div to display:none actually destroys the Flash object. This means that I have to call embedpano() again to display krpano again. Since I want Flash AND webGl/CSS used on various devices, it would be nice to have a solution that worked no matter which rendering technology is used.

Thank you for the reply, Klaus! :)

I have confirmed that iOS is using WebGL. I did this by looking at the Krpano console.

However, I seem to be unable to get a screen shot of the krpano player in iOS, using html2canvas.

UPDATE:

1. I CAN get a screenshot from a WebGL canvas in iOS, using canvas.toDataUrl(), as described here: http://stackoverflow.com/questions/15558418/how-do-you-save-an-image-from-a-three-js-canvas[/color]


I have made a demo: (Click or tap on the WebGL frame to see a 'screenshot' image element appear)
http://jsfiddle.net/kh64cvwg/25/[/color]
[color=#000000]

[color=#000000]Note: The above demo uses three.js. It also uses the 'preservedrawingbuffer' parameter.

2. I am still unable to get a screenshot from a WebGL Krpano player on iOS.

I have tried:

- html2canvas

- I have also tried using canvas.toDataUrl() on Krpano's canvas element.

Result:

- On desktop browsers, canvas.toDataUrl() creates a correct screenshot image element.
- on iOS 8 Safari, with Krpano reporting WebGL as the renderer, the resulting screenshot image element is simply black.

I am also sending the canvas.toDataUrl() data to a php script, which creates a jpg file. The result is the same: Good image on desktop browsers, black image on iOS 8 Safari.

Notes:

I am using html5:"only+webgl+preservedrawingbuffer"

embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano", html5:"only+webgl+preservedrawingbuffer", passQueryParameters:true});

Zitat von klaus.krpano

So far I know there is no Javascript-possibility to take screenshots of HTML elements.

One possibility might be using a server-side script that uses the krpano tools to create a view from the source pano image...

Best regards,
Klaus

Thank you very much for the reply! It sounds like the next version of krpano will support WebGL on iOS. If true, then this may solve the problem! It is being released soon, correct?

I am able to get a screenshot of the player in WebGL mode, but I am unable to in CSS-transforms mode. (Mobile/iOS)


I have tried the JavaScript library, 'html2canvas', but it soes not work when the Pano Player is in CSS mode.



Is there ANY way to do this?

How can I make this a hotspot? (I need to distort the image sequence, as if a slide show is playing on a wall within the pano scene).

I have attempted to apply your code to a hotspot, but I have failed spectacularly!