Beiträge von jduncan2

  • base64 image source in loadscene?

    Hello,

    My company is developing a time-lapse VR slideshow, and for the sake of user experience, I'd like to pre-fetch images before loading them into krpano.

    Is there any way to specify a data url (image encoded into base64 string) in krpano's loadscene API, or via similar API calls, such as setting some attribute?

    here's the current code that loads the image directly from our servers:

    Code
    var krThumbnailElement =  document.getElementById('#some-anchor');


        krThumbnailElement.set( "theimageurl", url );          krThumbnailElement.call("loadscene(imagepano, image.fisheye.align=" + krThumbnailElement.get("image.fisheye.align") + "&image.fisheye.url=%$theimageurl%, KEEPVIEW, BLEND(0.8, easeInExpo));");

    here's an example of what I'd like to change it to. However, this doesn't seem to work.

    Code
    var krThumbnailElement =  document.getElementById('#some-anchor');
var thumbDate = new Date();        krThumbnailElement.call("loadscene(imagepano, image.fisheye.align=" + krThumbnailElement.get("image.fisheye.align") + ", KEEPVIEW, BLEND(0.8, easeInExpo));");


          $.get("http://our-server.com/some-api", { ID: ID,            name: name,            timeUTC: thumbDate.toISOString()          } )
.done( function(response) {            console.log("trying to set kr thumbnail element to base64 pic.");
krThumbnailElement.set("image.fisheye.url", response.bytes);          });


    response has two fields, the bytes field is the base64 encoded representation of the image. I've verified that the base64 string returned from the API works in normal <img src=""></img> tags.

    I've found some 3 year old posts about using data urls in krpano, and some recent threads stating that for some of the krpano functionality, this seems to work for PC/Android browsers.

    Is this possible for a VR loadscene? if so, what am I missing/doing wrong?


    thanks in advance,my apologies for the formatting of the code. I don't know how to massage the line endings/indentation to look proper.

  • simultaneously playing multiple VR videos?

    Hi all,

    I'm working on a "dashboard" webapp where we play 360 degree videos using an html5 embedded krpano player. I can play them in either fisheye view, or a dewarped VR view where the user can drag with their mouse to set the POV for video playback. This is similar to some of the demos, but with videos instead of a single picture.

    I've gotten some requests to be able to view/play the same 360 video side by side with two different POV's.

    I can embed two krpano players, and play the same video well in both panes, for non 360 videos. The playback becomes pretty laggy for one or both players, with a pretty poor overall experience, though, when I use 2 VR views. This bad playback happens even when the krpano players are relatively small, I see significant delays and "frame jumping" even at approx 300x400 px each. None of this poor playback happens with a single player embedded on the page, even when playing in VR mode.

    Each embedded player has a scene with a video plugin.
    For the sake of mobile compatibility, we're disabling the flash plugin, and using the JS player interface.

    Is there a better or higher-performance way to do this? Do you need to see some sample/example code? :)

    thanks in advance for any advice/tips you can give,
    --Josh