Posts by Hellkeeper

Hi Klaus,

thanks for your quick reply.

I just checked it – the player itself was already up to date, but in the config there was still a reference to an older WebVR plugin in a different folder. I’ve now replaced it with the current version and the CSP error is gone.

Thanks a lot for your help! 😊

Best regards from Tyrol,
Andy

Hi,

we’re integrating a krpano based 360° viewer into a website with a rather strict Content Security Policy.

In the browser console we’re seeing this error:

Refused to frame 'https://d8d913s460fub.cloudfront.net/' because it violates the following Content Security Policy directive:
"frame-src 'self' xxxxx.

From older posts I found that this URL seems to be related to the WebVR plugin and the webvr.loadsettings() call, which tries to load/save WebVR user settings via that CloudFront URL.

In our case:

• Because of CSP we don’t want/are not allowed to allow arbitrary *.cloudfront.net in frame-src.

My questions:

1. Why does the WebVR plugin need to access
   https://d8d913s460fub.cloudfront.net/krpanocloud/webvr_localstorage.html (what exactly is stored there)?
2. What is the recommended way to prevent this request?

   • Is it enough/supported to remove or comment out

     Code

     webvr.loadsettings();

     in plugins/webvr.xml?

   • Or should we disable/remove WebVR completely on our side (e.g. no <include url="plugins/webvr.xml" /> and no <plugin name="webvr" …>)?

I would prefer a “clean” solution that doesn’t require editing core plugin files if possible.

Thanks in advance for any hints and best practices!

Andreas

thx for your input ... seems like it's working as it should now ... bit hard to do if one only works with krpano every few years ...
Solution:

screentosphere(mouse.x, mouse.y, ath, atv);
txtadd(hs, 'hs_', get(hotspot.count));
addhotspot(get(hs));
jscall(calc('addHotspot("kbZ1", "' + hs + '", "' + ath + '", "' + atv + '");'));
set(hotspot[get(hs)].url, calc(viewerDom+viewerPath+'includes/krpano/1.20.9/skin/Marker.svg'));
assignstyle(hotspot[get(hs)], 'hotspot');
set(hotspot[get(hs)].onover, "set(url,calc(viewerDom+viewerPath+'includes/krpano/1.20.9/skin/Marker_hover.svg'))");
set(hotspot[get(hs)].onout,  "set(url,calc(viewerDom+viewerPath+'includes/krpano/1.20.9/skin/Marker.svg'))");
set(hotspot[get(hs)].ondown, "set(dragging,true); draghotspot();");
set(hotspot[get(hs)].onup, "set(dragging,false);");
set(hotspot[get(hs)].zorder, 50);
copy(hotspot[get(hs)].children, true);
copy(hotspot[get(hs)].ath, ath);
copy(hotspot[get(hs)].atv, atv);


calc(del_layer_name,'layer_' + hotspot[get(hs)].name);
addlayer(get(del_layer_name));
assignstyle(layer[del_layer_name], 'layer');
set(layer[get(del_layer_name)].type, "image");
set(layer[get(del_layer_name)].url, "/includes/krpano/1.20.9/skin/Marker_hover_delete.svg");
set(layer[get(del_layer_name)].parent, calc("hotspot["+get(hs)+"]"));
set(layer[get(del_layer_name)].enabled, true);
set(layer[get(del_layer_name)].keep, false);
set(layer[get(del_layer_name)].zorder, 100);
set(layer[get(del_layer_name)].x, +26);
set(layer[get(del_layer_name)].y, -11);
set(layer[get(del_layer_name)].onclick, "deletehotspot();");

@indexofrefraction - thx for this Info. But I'm creating the Hotspots dynamically. Not quite sure how to nest them then?

addhotspot(get(hs));
set(hotspot[get(hs)].url, calc(viewerDom+viewerPath+'includes/krpano/1.20.9/skin/GPix_Marker.png'));
...

But I'm just near a solution with Layers and the Hotspot as Parent ... Guess this should work

calc(del_layer_name,'layer_' + hotspot[get(hs)].name);
addlayer(get(del_layer_name));
set(layer[get(del_layer_name)].type, "image");
set(layer[get(del_layer_name)].parent, calc("hotspot["+get(hs)+"]"));
set(layer[get(del_layer_name)].onclick, trace("del layer click"););

really noone?

Hello,

maybe you can give me a helping hand on how to best implement the following functionality.
I have a small krpano web app where visitors can dynamically set hotspots by clicking on a gigapixel panorama.
This hostspot is then draggable so that it can be positioned even more precisely. So far so good - everything works fine.
Now I would like to add another functionality to the hotspot - namely a small "Delete" symbol in the upper corner (see screenshot of the icon) - as soon as this is clicked, I would like to delete the hotspot.

HS Drag/Drop on "Main Icon", HS Delete on "Sub Icon" ...

Unfortunately, at the moment it is just not clear to me how I should get these two functions (move & delete) onto the hotspot - even if they are different regions of the icon ...?!

Hopefully one of you here can give me the right idea!

Thank you, best regards from Tyrol
Andreas

aaaahhhhhh ... blind me ... !!!
thx Klaus!

Hello,

I try to get hotspots in my CYLINDER gigapixel pictures with a mouse click. In the horizontal plane, it shows the hotspots correctly. However, they all always appear at the same height vertically. I hope someone here can give me a tip where I'm making the mistake?

Example: https://www.viewer.firstkitzbuehel.com.dev.futurecms.at/

<action name="clickHostspot">
        screentosphere(mouse.x, mouse.y, h, v);
        trace("mouse.x: ",mouse.x, " - mouse.y: ", mouse.y, " - h: ",h, " - v: ",v);
        txtadd(hs, 'hs_', get(hotspot.count));
        addhotspot(get(hs));
        set(hotspot[get(hs)].url, 'berg.png');
        copy(hotspot[get(hs)].ath, h);
        copy(hotspot[get(hs)].atv, v;
    </action>

thx, bye from Austria
Andreas

Quote from philippeK

Hellkeeper have you resolve your problem?

Hey philippeK,
not sure anymore as it's already a few years in the past ... but I think I just threw more memory on it ...
VM is running with 16GB currently ... so I guess that was the solution ... :)
bye from sunny Austria
Andreas

Hi,

Klaus - Danke dass du dir das Matterpak mal ansehen willst, hab dir eine Mail mit entsprechendem Download-Link zugesendet!
index - Da es sich bei dem Scan um einen unserer Kunden handelt kann ich das Matterpak nicht wirklich publik machen - aber was ich gesehen habe stellt Matterport ein Sample zur Verfügung

Habe nur iw. die Befürchtung dass in den Matterpaks keine High Resolution Fotos der aufgenommenen Tour enthalten sind ... mhm ... zumindestens finde ich nicht wirklich was passendes?!? Wär ja wieder mal Megaxxxxx ... :-/
Die JPG für's OBJ kommen mir iw. nicht so "gut" vor ... mhm ...

Eingefärbte Punktewolke (.XYZ)
Bild des gespiegelten Deckenplans
(.JPG) Mehrere Dateien bei mehreren Etagen
(.PDF) Alle Etagen in einer Datei
High-resolution floor plan image (This is NOT the Schematic Floor Plans.) This is similar to the ceiling plan image but of the floor.
(.JPG) Mehrere Dateien bei mehreren Etagen
(.PDF) Alle Etagen in einer Datei
3D mesh file (.OBJ) including the necessary texture map image files (.JPG)

- https://support.matterport.com/hc/en-us/artic…atterPak-Bundle
- https://static.matterport.com/mp_cms/media/f…bundles_aec.pdf

lg aus Tirol
Andreas

Hey there,
na für den Release hat sich die Wartezeit mal WIRKLICH ausgezahlt ... geniale neue Features Klaus!!!

Ich frage mich gerade ob ich Touren welche wir mit der Matterport Kamera aufgenommen haben mittels der neuen 3D Depthmap Funktion darstellen können?
So ein Export besteht aus ner MTL, OBJ, XYZ und einigen JPG Dateien, OBJ ist zu STL konvertierbar.
Nur mir fehlt gerade irgendwie der Anknüpfungspunkt wie das Mapping der Bilder / Materials auf das 3D Mesh funktionieren würde / soll? *grübel*
Oder wohl eher gar nicht Möglich da man von Matterport keine entsprechenden 360° Bilder im Export bekommt?

Aber vielleicht hat ja schon jemand ne Idee in der Richtung?

Danke, lg aus Tirol
Andreas Schnederle-Wagner

Keine sonstigen Ideen wie/ob man das doch noch mir der direkten JS-Einbindung lösen könnte?
Würde ungern bei allen HErold Kunden nur mehr über iframe einbinden ... :-/

ja weil sie auf der Live Seite inzwischen als IFRAME implementiert wurde ... wär trotzdem schön wenn's irgend ne möglichkeit gäbe die direkte JS-Einbindung zu verwenden ... :-/

Hätte jetzt mal nen reduzierten Testcase gebastelt ... inkl. 2 Sekunden Verzögerung beim Laden vom Player (js als auch den embedpano() Call) ... mhm ... leider genau das gleiche Problem ...

http://temp.in.futureweb.at/rundblick.html

*grmbl*

Wir haben keinen Zugriff auf den Code der Webseite und auch keinen Einfluss welche JS von denen geladen werden ...
Wir haben einen JS-Wrapper der auf den Kundenwebseiten die entsprechende Tour einbindet ... sprich auf die Implementation des Players haben wir einfluss ...

Die Frage ob man den EventListener dass die Kacheln geladen worden sind iw. faken kann wenn die ihn killen ... mhm ... ?

Haben wir denen schon geschriebn dass sie es über nen iframe einbinden sollen ... aber ist natürlich aufgrund fehlender responsiveness (mobiles ...) leider nur ne notlösung ...
Haben ihnen auch geschrieben dass sie deren Devs mal auf disen Code-Part ansetzen sollten ... und was der Blödsinn soll dass sie über die EventListener drüber radieren ... nur fürchte ich dass da nicht viel zurück kommen wird ...

Wird wahrscheinlich von unserer Seite aus keine Möglichkeit geben dass wir deren Fehler ausbügeln können, oder?!?

Wie gesagt - die Seite ist nicht von uns - die wird von Herold für einen unserer Tour-Kunden erstellt ... und das ist auch nur ein Http-Dump der bestehden Seite damit ich rumprobieren kann (ggfs. dass da etwas nicht mitgeladen wurde - daher 404) ... Original ist hier: https://www.dalfazalm.at/
Halte ja generell nicht wirklich viel von den Herold Seiten ... aber es werden leider immer mehr & mehr ... und unsere Kunden wundern sich dann wieso die Tour die wir für sie gemacht haben nicht funktioniert ... :-/

Ich vermute das Problem irgendwo hier ... mhm ...
Die holen https://github.com/cerner/canadarm rein ... wenn ich den Code-Part auskommentiere geht die Tour ...

function setUpEventListening() {
        var addEventListener, removeEventListener, eventListeners = [];
        window.EventTarget ? (addEventListener = window.EventTarget.prototype.addEventListener, removeEventListener = window.EventTarget.prototype.removeEventListener, window.EventTarget.prototype.addEventListener = function(event, callback, bubble) {
            return addEventListener.call(this, event, Canadarm.watch(callback), bubble)
        }, window.EventTarget.prototype.removeEventListener = function(event, callback, bubble) {
            return removeEventListener.call(this, event, Canadarm.watch(callback), bubble)
        }) : window.Element && window.Element.prototype && window.Element.prototype.attachEvent && window.Element.prototype.addEventListener === undefined && (Event.prototype.preventDefault || (Event.prototype.preventDefault = function() {
            this.returnValue = !1
        }), Event.prototype.stopPropagation || (Event.prototype.stopPropagation = function() {
            this.cancelBubble = !0
        }), Element.prototype.addEventListener || (addEventListener = function(type, listener) {
            var self = this,
                wrapper = function(e) {
                    e.target = e.srcElement, e.currentTarget = self, listener.handleEvent ? listener.handleEvent(e) : listener.call(self, e)
                };
            "DOMContentLoaded" !== type && (this.attachEvent("on" + type, Canadarm.watch(wrapper)), eventListeners.push({
                object: this,
                type: type,
                listener: listener,
                wrapper: wrapper
            }))
        }, removeEventListener = function(type, listener) {
            for (var eventListener, counter = 0; counter < eventListeners.length;) {
                if (eventListener = eventListeners[counter], eventListener.object == this && eventListener.type === type && eventListener.listener == listener) {
                    "DOMContentLoaded" !== type && this.detachEvent("on" + type, Canadarm.watch(eventListener.wrapper)), eventListeners.splice(counter, 1);
                    break
                }++counter
            }
        }, Element.prototype.addEventListener = addEventListener, Element.prototype.removeEventListener = removeEventListener))
    }

Problem halt nur dass ich auf der Seite nicht modifizieren kann da sie von HEROLD erstellt wurde ... und ich wage zu bezweifeln dass die iw. an deren CMS ändern weil "nur ne Tour nicht geht" ... :-/

ja leider seeeeehr suspekt ... ich kann inzwischen ausschließen dass das Problem bei meiner Config liegt ...
Hab mir die Seite mal auf meinen lokalen Dev-Server runter geholt und ein Original Example von krpano eingebunden ... da passiert das gleiche ... mhm ...

http://temp.in.futureweb.at/5/Dalfaz%20Alm…rtment/tour.xml

Sprich irgendetwas das die bei Herold in deren Seiten einbinden kollidiert direkt mit krpano ... mhm ...

Servus,
vielleicht hat ja von euch einer eine Idee wo hier das Problem liegen könnte? Einer unserer Pano-Tour Kunden hat eine unseren 360° Touren auf deren Webseite eingebaut - jedoch bleibt die Tour einfach SCHWARZ? (Controls, Hotspots etc. alles da - nur die Bilder werden nicht angezeigt, laut Netzwerkübersicht werden sie geladen aber nicht gezeigt)
Hatte das in der Form noch nicht und finde auch leider den Grund für das Problem nicht?!?
Vermute dass irgendwas auf seiner Seite mit krpano kollidiert ... nur was?!?

https://www.dalfazalm.at/

Ca. in der Mitte der Seite wäre die Tour eingebaut.

Hoffe einer von euch hat hier ne zündende Idee

Danke, lg aus Tirol
Andreas