You are not logged in.

Offline exe for client (without server)

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

1

Monday, April 16th 2018, 3:13pm

Offline exe for client (without server)

Hi All,

Can anyone advise if we can export our Virtual Tours to an exe or similar?
I have a client who will need to view offline and without the server running. Is this possible?

Many thanks

Mael B.

Trainee

Posts: 157

Location: France, Montpellier

  • Send private message

2

Monday, April 16th 2018, 4:44pm

I already done this (quite long time ago) by using the flash version of the tour : you embed all the file in the .swf and it can be read locally (obviously, with flash previously installed on the machine)... but i don't really know if this solution is still working now.
http://photo.maelbathfield.net/

klaus.krpano

Administrator

Posts: 13,479

  • Send private message

3

Monday, April 16th 2018, 7:49pm

Hi,

using the simple 'tour_testingserver' (could be renamed into any name) is no option?

Otherwise you could use Electron or NW.js to build standalone offline applications - especially NW.js is easy here - just point to the tour.html in the package.json and done. The only disadvantage with them is the filesize (~80MB) and the lot of files.

Best regards,
Klaus

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

4

Tuesday, April 17th 2018, 12:56pm

Thank you both for your reply and advise, i will give the them a go and let you know how i get on.

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

5

Tuesday, April 17th 2018, 1:33pm

Hi Klaus.

I have no knowledge of this process, if at all possible could you point me to a tutorial or images showing how to point to the tour.html in the package.json.


Would be appreciated. many thanks.

klaus.krpano

Administrator

Posts: 13,479

  • Send private message

6

Wednesday, April 18th 2018, 12:05pm

Hi,

okay, here step by step for Windows:
  1. download NW.js here: https://nwjs.io/
  2. extract it anywhere
  3. build a tour using the MAKE VTOUR droplet
  4. copy the 'vtour' folder into the extracted nwjs folder
  5. create a 'package.json' file inside the 'nwjs' folder with any texteditor with the following content:

    Source code

    		 
    1

    {"name":"My tour", "main":"vtour/tour.html"}

  6. click the nw.exe to start the tour (the nw.exe could be renamed if you want)

Best regards,
Klaus

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

7

Wednesday, April 18th 2018, 3:06pm

Many thanks Klaus,


I'll give this a go and let you know how i get on.

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

8

Wednesday, April 18th 2018, 5:16pm

Hi Klaus,

Ive created the .json file Using a json file editor, please see my images attached.

And placed it in the correcr location.

however this does not create a new .json file. when i press the existing .exe nothing happens?
lynck82 has attached the following images:
  • Capture_02.JPG
  • Capture_03.JPG

klaus.krpano

Administrator

Posts: 13,479

  • Send private message

9

Wednesday, April 18th 2018, 9:22pm

Please follow the instructions exactly ;-) - the file need to be named 'package.json' - no other name will work!

And you don't need a 'json' editor, any text editor will do!

For more information about the package.json' file from NW.js please see also here:
http://docs.nwjs.io/en/latest/References/Manifest%20Format/
In that file settings like the window size, the icon and so could be added.

jeremyfukunaga

Beginner

Posts: 43

Location: Oakland, CA

Occupation: Photographer

  • Send private message

10

Sunday, July 8th 2018, 10:00am

Quoted from "klaus.krpano"

Hi,

okay, here step by step for Windows:
  1. download NW.js here: https://nwjs.io/
  2. extract it anywhere
  3. build a tour using the MAKE VTOUR droplet
  4. copy the 'vtour' folder into the extracted nwjs folder
  5. create a 'package.json' file inside the 'nwjs' folder with any texteditor with the following content:

    Source code

    		 
    1

    {"name":"My tour", "main":"vtour/tour.html"}

  6. click the nw.exe to start the tour (the nw.exe could be renamed if you want)

Best regards,
Klaus
This was great. What is the process for Mac OS?

Thanks!

tillkrueger

Beginner

Posts: 18

Location: Germany

Occupation: Digital Media Producer

  • Send private message

11

Sunday, July 8th 2018, 12:39pm

I, too, would love to know whether a similar procedure exists for MacOS, to build an App that can run offline.

Wasn't there an App that can turn any website into an App? Just looked for it, and it's called "Fluid ". Might that be a way to do it?

tillkrueger

Beginner

Posts: 18

Location: Germany

Occupation: Digital Media Producer

  • Send private message

12

Sunday, July 8th 2018, 1:14pm

well, I just tested my own theory, installed Fluid , and executed the resulting Mac app, and couldn't believe my eyes when my pano came up in a resizable window, fully functional.

is this only working for me, or can another Mac user confirm thatthis Pano also opens up and runs successfully on their machine?

klaus.krpano

Administrator

Posts: 13,479

  • Send private message

13

Sunday, July 8th 2018, 3:52pm

Quoted from "jeremyfukunaga"

This was great. What is the process for Mac OS?

Copy the package.json and the vtour folder into a folder named 'app.nw' and then copy that folder into the 'nwjs.app/Contents/Resources/' folder of NWJS.

See also here:
http://docs.nwjs.io/en/latest/For%20User…ackage-your-app

jeremyfukunaga

Beginner

Posts: 43

Location: Oakland, CA

Occupation: Photographer

  • Send private message

14

Monday, July 9th 2018, 6:51am

Thank you so much!!

Best,

Jeremy

lynck82

Beginner

  • "lynck82" started this thread

Posts: 36

  • Send private message

15

Friday, July 20th 2018, 1:30pm

Thanks all,

Finally had some time to re-visit and test. Worked fine.

Now to create an Krpano based android app!

Fernando

Intermediate

Posts: 328

Location: Habana, Cuba

Occupation: Architect, Photographer.

  • Send private message

16

Thursday, September 27th 2018, 10:03pm

Please, Has somebody tried with a project that contains videos? Videos file could not be loaded with this NWJS solution but it works fine with krpano testing server or uploaded in webpage.

Any idea?

Best regards,
Fernando

EDIT: See http://docs.nwjs.io/en/latest/For%20Deve…prietary-codecs

Enable Proprietary Codecs
Due to the license issue, the prebuilt binaries of NW.js doesn t support proprietary codecs, like H.264. So you can t play MP3/MP4 with audio and video tags with prebuilt NW.js. To enable those me...

This post has been edited 1 times, last edit by "Fernando" (Sep 28th 2018, 1:34am)

klaus.krpano

Administrator

Posts: 13,479

  • Send private message

17

Friday, September 28th 2018, 11:02am

Hi,

yes, either replace the FFmpeg binaries for MP4 support or use a free video encoding like WebM.

Best regards,
Klaus

Fernando

Intermediate

Posts: 328

Location: Habana, Cuba

Occupation: Architect, Photographer.

  • Send private message

18

Friday, September 28th 2018, 3:50pm

Thanks Klaus,

Then, for windows user, to install the FormatFactory or similar software and convert to webM format any video. All solved.

Best regards,
Fernando

EDIT: The conversion quality mp4 to webM with FormatFactory is very bad. *thumbdown*

This post has been edited 2 times, last edit by "Fernando" (Sep 30th 2018, 4:07pm)

dreamcutter

Trainee

Posts: 56

Location: Moscow

  • Send private message

19

Tuesday, February 12th 2019, 8:30pm

on which browser engine will this solution work?
i want to pack the tour in an app that will work with HTC Vive (using Firefox with WebVR support for example)

Similar threads