Skip to main content

Using the Media Editor (Pano2VR)

This is the documentation for Pano2VR 4. You can find the new documentation for Pano2VR 5 here.

Pano2VR - Help

The media editor is where you can add video, images and sounds to your panoramas. If you were familiar with the old Sound Editor, you should have no problem learning how to use the media editor.

Video loading...

Watch this video on YouTube

Download the project files


Adding Media[edit]

Add your your media by doing one of the following:

Once the file is added, the Media Settings will change according to the media.

To delete media, simply select the media in the preview window and hit the delete key on the keyboard.

Pinning Video[edit]

Video can be pinned and correctly distorted into the panorama.

A note about video files Not all video formats will work. The following video files have been tested and work across all modern browsers.


  1. Add the video file.
    Once added, the video is displayed as transparent object with a checkered background. If FFmpeg is installed, it'll display a poster frame.
    ◊ TIP: Use MP4 for the video format.
    Add video.png
  2. Choose to have a Pano2VR create a preview image or not.
    The preview image will be used as a poster frame for low-memory devices (smartphones, tablets) and slow internet connections. When the video is not yet loaded, and no preview image is available, there will be a black "hole".
    If you choose to not have Pano2VR automatically create one, make sure you make your image to match the video's dimensions. You can add your preview image to the Preview File field.
  3. Enter an Alternative File. (optional)Flash will always use the file in the Filename field, so that must be compatible with Flash if outtputting to flash.
    The alternate file can be, for example, a lower-resolution file, or back-up file that plays in all browsers (OGG, WebM).
  4. Adjust the video to the panorama by doing one or all of the following:
    • Click on the center icon and drag to move the entire element into position.
    • Drag on the handles (red corner dots), to match it to it's environment.
    • Click the top arrow and drag in a vertical motion to move the element forward or backwards on the horizontal axis.
    • Click on the left arrow and drag in a vertical motion to move the element on its vertical axis.
    • Click and drag on the center arrow in a vertical motion to rotate the element.
      ◊ TIP: If, for example, trying to fit the video within a TV set, use the Vertical Stretch option to fit it vertically.
  5. (Optional) Enter -1 for Loop to prevent the video from playing back at loading.
  6. Choose a Click Mode. Play/Pause will toggle between play and pause on a click action.
  7. Click OK when you're done to save and exit the media editor. Or continue to add more media.

Pinning Images[edit]

Images can be easily pinned to the panorama with correct distortion.

  1. Add the image file.
    Once added, a transparent version of the image will appear.
    NOTE: The image will be at it's original transparency on output. It is only transparent in the media editor to help aid placing and positioning.
  2. Adjust the image to the panorama by doing one or all of the following:
    • Click on the center icon and drag to move the entire element into position.
    • Drag on the handles (red corner dots), to match it to it's environment.
    • Click the top arrow and drag in a vertical motion to move the element forward or backwards on the horizontal axis.
    • Click on the left arrow and drag in a vertical motion to move the element on its vertical axis.
    • Click and drag on the center arrow in a vertical motion to rotate the element.
  3. Choose a Click Mode.
    • Pop out 100% - This will animate the image to come forward and fill the window. The next click will return the image to its original position.
    • Pop out normal - This pop the image out to it's original size which could extend beyond the window.
  4. Click OK when you're done to save and exit the media editor. Or continue to add more media.

Adding Audio[edit]

A note about audio files

Only MP3 and OGG files can be used. We suggest encoding your audio with a sample rate of 44.1 kHz and a bit rate of at least 192 kbps. Add the MP3 as the main file for both outputs and the OGG for the alternative file. The Flash output will always use the first (Filename) option.

However, a bit rate of 192 kbps may produce too large of a file for your project. If your audio file has a large dynamic range, e.g. music, and you want to keep the integrity of the sound, it's best to keep the 44.1 kHz sample rate. If you wish to knock the file size down a bit, try lowering the bit rate to 160 kbps, and then to 128 kbps if needed (and then to 96 kbps).

The other option is to externalize your sound file. This happens automatically for the HTML5 output. But if outputting to Flash, be sure select, externalize.

If your sound file is not dynamically wide, e.g. a button click sound, you could use a lower sample rate. Flash supports 11 kHz, 22 kHz, and 44.1 kHz. You could then lower the bit rate.


  1. Add the audio file.
    Once added, the default sound mode (directional rectangular) is applied and a yellow overlay, which is a visual representation of how the sound will be heard, appears.
    Learn more about modes.
  2. Use the settings to the right of the preview window to modify the sound (all are optional):
    • Change the Mode.
    • Adjust the volume or level. The default is 1.00 or 100%.
    • Set the Ambient level. This will allow the sound to be audible outside of the defined field (directional modes only). Here is an example of increased ambient levels in a directional mode. If the level is at "0", no sound will be heard outside of the field.
    • Set the Horizontal Size. This will change the horizontal size of the of the center portion of the overlay or where the audio is at 100%.
    • Set the Field size to 75°.
      For more information on all the settings, please read this article.
  3. Finally, choose OK, output your project, and listen to it.


Adding a Background Sound

A background sound will add a sound that will play and loop as long as the panorama is open.

  1. Add the background sound:
    • If no other media has been added, just choose Open next to Filename.
    • If media has been added, Double-click to deselect the current media, then choose the audio by choosing Open next to Filename..
  2. Adjust the level of the sound file.
    ◊ TIP: If you want this sound to play as background sound, consider lowering the audio level below 100%.
  3. Determine how many times the audio should loop.
  4. Click OK and test the panorama. Done!

See the example. The background level was set to 10% (0.10)

See also[edit]

Media Editor (Pano2VR)
Generating an Alternative File
Information on adding formats in Media Editor
Inserting aligned video in a panorama
Adding Sound (Pano2VR) ◊ NOTE: The media editor replaced the sound editor in version 4.0.

Categories