Using the Integrated Web Server

The integrated web server default settings are set to be used when viewing the output within an HTML page. It was included to allow local viewing of the HTML5 output (something which some browsers do not allow).

Clicking the Open Output button in the Output panel will open the file using the computer’s default web browser. To view the output in another web browser simply copy the local address and paste it in the other web browser.

Testing Network Speed

Sometimes we need to test our projects for slower internet speeds and this can easily be done by changing the Speed.

In the field, Speed, enter the speed to test in Kilobytes (kB) and hit Enter/Return. The server will restart.

To return back to None, enter 0 and hit Enter/Return. The server will restart.

Connecting Multiple Devices

Other machines and devices connected to the same network can also view the output without having to upload it to a server. For a connected device to view the files, deselect Only local host under the Web Server tab in Pano2VR’s Settings or Preferences. Then follow the following steps to test the output on something other than the local host:

  1. Open the Integrated Web Server (ToolsIntegrated Web Server ). The web server window opens with the local address needed to enter in the device’s web browser. You should see multiple IP addresses; these are all the devices on the network.

  2. Enter any of the addresses in the web browser of any device.
    Locations of all open projects will be displayed.

  3. Click any path to display the project’s folder contents which will include any subfolders, HTML pages and images.

  4. To open the output click on the HTML file (my-pano.html).
    The operation and function of the project can now be tested before being uploaded.

Test Using a Simulator

Browsers like Chrome and Firefox have built-in tools that simulate handheld devices.

  1. Open your output in the Integrated Web Server.

  2. In Chrome, go to View ➝ Developer ➝ Developer Tools. The bottom part of the window will open the tools. In the toolbar, click the phone-like icon (second from left). From there you can toggle through virtually any device on the market.

    In Firefox, go to Tools ➝ Web Developer ➝ Responsive Design View. From there, you can specify screen sizes.

See also