Skip to main content

Panopto: Editing

Using the Panopto Editor

The Panopto editor allows for easy web based editing from any modern browser.  You can perform quick, non-destructive edits to any video on the Panopto platform and deliver exactly the content you choose to viewers.

  1. Using Chrome of Firefox browser go to butler.hosted.panopto.com
  2. Select Moodle, from the Log in Using drop down menu and use your Butler credentials to log in. 
  3. Select the Edit icon for the session you want to change.

This will open up a new tab in your browser for the Panopto editor.

The Panopto editor allows for easy web based editing from any modern browser. You can perform quick, non-destructive edits to any video on the Panopto platform and deliver exactly the content you choose to viewers.

Prerequisites

  • Creator access to Panopto


Opening Editor

  • Log in to butler.hosted.panopto.com
  • Select Edit for the session you want to change (See Figure 1).
    This will open up a new tab in your browser for the Panopto editor.
Figure 1
  • To edit your video use the editing timeline visible in the bottom right-hand section of the screen
    ​(Figure 2).
  • This timeline represents the entire length of your video showing each stream of content that makes up your session. The left side of the timeline is the start of your video, the right-hand side is the end of the video. 
Figure 2

  • Expand the timeline by selecting the arrow to show more detail (Fig. 3).
Figure 3

2. Editing

  • To begin editing, select the ‘Cut’ tool (Fig. 4).
Figure 4
  • To edit out the start of the video, click and drag the edit handle from the left to the right (Fig. 5).
  • To edit out the end of the video, click and drag the edit handle from the right to the left.
Figure 5
  • To cut a section from the middle of video, position the cursor over the point you would like to start the edit, click and drag to the right and then let go at the point you want the cut to finish. This will remove the area highlighted from the video, and add a new handle at each edit point to allow you to finely trim your cut (Fig. 6).
Figure 6
  • The red crosses highlight the areas that will not be shown to viewers. Editing in Panopto is non-destructive, so you can add this content back in later if you need to (Fig. 7).
Figure 7
2.6.  When you have completed your editing, select the Publish option in the top right of
the screen (Fig. 8 and 9).

Figure 8
Figure 9
  • The session will now re-process to include the changes you have made.

3. Primary and Secondary Stream Editing

New in Panopto 5.3 is the ability to switch back and forth between your primary and
secondary sources. 
Use the focus tool icon when there are multiple secondary streams on a session
timeline (For example, screen capture plus a document camera.) This will choose
which stream your viewers will focus on at a given point in the timeline (Fig. 10).

User-added image
Figure 10
  • You can also change the stream times if you want to shift the videos by clicking on the Streams tab (Fig. 11).

User-added image
Figure 11
  • Enter the new Start time and click Save (Fig. 12).
User-added image
Figure 12

4. Primary Stream Upload in HTML Editor

In the latest version of Panopto, you can now use the HTML5-based editor to build a
session from scratch, or to upload additional streams to an existing video.
  •  Hover over your video and click Edit.
  • Go to Streams and then click Add Stream (Fig. 13)

User-added imageFigure 13
4.3.  Now you can drag or drop video, audio, or powerpoint files into the Primary or Secondary video sections (Fig. 14).
User-added imageFigure 14

5. Slide Uploading and Editing
  • Find the session you would like to add your slide deck within, and click Edit (Fig. 15).
User-added image
Figure 15

5.2.  Next on the left-hand side find the Slides tab. Here you are able to add in your
Powerpoint deck by selecting Add a presentation (Fig. 16). Browse to your Powerpoint
file on your local machine and hit OK.

User-added image
Figure 16
  •  Once your deck has been uploaded, click the Plus icon to start manually adding in slides. You will see a new stream appear within your editor. Click anywhere in the new stream to add the slide in at the selected time stamp (Fig. 17). Note: You are able to add multiple instances of a single slide on the timeline by repeating these steps.
User-added image
Figure 17
  • To remove a Powerpoint slide deck from the session, click the Trash Can icon
    from the Slides tab (Fig. 18).
User-added image
Figure 18

6. Auto-Save and Undo
The Panopto editor will automatically save any changes you make to the session, displaying a notice in the top bar (Fig. 19).

auto save
Figure 19
  • You can also undo any changes you make by selecting the Undo button (Fig. 20).
User-added image
Figure 20
  • If a session has unpublished changes made by another user and you try to edit the
    session, you will receive the following warning (Fig. 21).
pending edits
Figure 21
  • You can choose to take over the edits already made by the other user, or discard
    those edits and start fresh. To ensure all edits are made visible to viewers,
    choose Publish when you are done (Fig. 22).
Figure 22

Other Features
There are many more features to use while editing with Panopto. These extras are good
to know in case you want to customize your work even further.

 

  • Adding a Custom Preview Image

  • Find the session where you would like to upload a custom preview image
    and click Edit (Fig. 23).

User-added image
Figure 23
Or you can click on the Edit icon after opening the video (Fig. 24).
User-added image
Figure 24

Use the Camera Icon dropdown to select either the active primary source frame as a

preview image, or upload a custom image (Fig 25).

User-added image
Figure 25

8. Upload a Custom Thumbnail

  •  If 'Upload a custom preview image' is selected the session's 'Overview Modal'
    will appear over the editor. Click Edit on the Preview image field (Fig. 26).
User-added image
Figure 26
  • Select the Choose File button and navigate to your custom preview image.
    Select your image and click Save (Fig. 27).

User-added image
Figure 27
  • Your new Preview Image will now be the default within the Panopto Video
    Portal (Fig. 28).
User-added image
Figure 28

9. Edit Stream Names

To change the names of streams as they appear to the end user to provide more content,
you can choose the Streams tab in the top left of the editor, then click the Edit icon (Fig. 29).

 
User-added image
Figure 29
  • This will open the Edit Stream page allowing you to change the default name
    of the stream (Fig. 30).
Edit Stream
Figure 30
  • You can do this for each stream in the session (Fig. 31).
named streams
Figure 31

360 Stream

  • Panopto supports 180 degrees and 360 degrees videos. Choose the Stream tab
    in the editor and hover over the stream to click on the edit button on the right (Fig. 32).
User-added imageFigure 32
  •  Under VR type, you can choose 360 video or 180 video, depending on what you have recorded. Click Save (Fig. 33).

User-added image
Figure 33
  • Now as you play your video, you should be able to click and drag the video to see
    the 360 degrees or 180 degrees.
  • Edit Description
11.1.  You edit the description field directly by clicking in the outlined box and adding
a new description (Fig. 32).

User-added image
Figure 32
  • Table of Contents
  • In the viewer, the table of contents (TOC) provides an easy method to navigate the
    recording. The TOC is automatically generated if a session is recorded with a
    PowerPoint or Keynote, but can be added manually, or edited to provide the
    viewer with more information (Fig. 33).
Figure 33
  • To add a new TOC entry, click the Contents tab and select the pointer tool from
    the top left of the edit timeline (Fig. 34).
User-added image
Figure 34
  • You can use the pointer tool to find the exact spot you want to insert a TOC entry
    (Fig. 35).
User-added image
Figure 35
  • Start typing in the outlined box on the Contents tab to enter an event at that time.
    Click Enter to save the event (Fig. 36).
User-added image
Figure 36
  • To edit or delete a pre-existing TOC entry, move the cursor over the entry you wish
    to change and click the Edit icon directly in the TOC (Fig. 37).

Figure 37
  • You can also edit from a thumbnail directly. Place your cursor over the thumbnail
    you
    wish to edit and click on the Edit icon (Fig. 38).
Figure 38
  • If you can’t see the thumbnails it’s because you have limited desktop space. You
    can bring them up on smaller screens by choosing the Preview option to the right
    of the edit timeline (Fig. 39).
Figure 39
  • You can switch back to the main timeline view at any time (Fig. 40). Note: Either
    of these options will open up the edit window.
Figure 40
  • From the Edit Table of Contents entry window you can edit the Title, the Time of
    the entry, make this image the default Thumbnail, add metadata and enter a
    web Link (Fig. 41).
Figure 41
  • You can change the title of a session by clicking on the current title directly, and typing in a new title direct in the editor (Fig. 42).

Figure 42

The advanced Panopto editor allows you to add streams, splice, add and replace slides, save as and edit legacy WMV content

  1. Log in (butler.hosted.panopto.com) and click the Edit icon on the video that you want to make changes to.
  2. Select the More option on the left side of the screen under Contents.
  3. Select Open in Advanced editor.

This will open the Advanced editor 
Please note that to take advantage of the extra features in the advanced editor you will need to have the Silverlight browser plugin installed. This is supported in Firefox, Safari and Internet Explorer.

Features

Set default thumbnail

  1. Right click on the edit timeline and select Set default thumbnail.
  2. Select Save in the top right of the screen.


Modify the start time of a stream

  1. Select Streams from the tab options on the left side of the screen.
  2. Then click on Edit next to the stream you want to modify.
Change the start time as desired and click OK.


​Save as a new version
  1. Select the Save As option in the top right of the screen
  2. Name the newly created version and click Ok.

You can now make changes to the new delivery version.
 

Insert and Edit Captions

You can manually add captions to your video in the advanced editor.

  1. Select the captions tab.
  2. Enter text to match up the dialog in the audio track.
  3. Press Enter to add the caption at the desired time.

Please note - you can also use third-party services to add captions for you, and upload already created transcripts direct to the session.

Other Features

Return the video to 00:00.00

  1. Click the Stop button to return the video to zero seconds.
Preview Edits

If this box is checked, only the segments of video that are being kept will play.

Zoom into the timeline

 This feature allows you to zoom in to the timeline to achieve fine control over edits.

Revert

Click Revert to undo all previously unsaved changes.

Add or Replace a Slide

You can delete or add a presentation slide in the Panopto Advanced editor.

  1. Click on the Slides tab.
  2. Place your cursor on the slide you wish to change.
  3. Click Edit to change the table of contents title. The time the slide appears and you can add or remove metadata or embed a web page link. You can also delete the slide from here.
  4. To add a new slide or deck, choose Add a Presentation at the bottom.
  5. Select the Secondary (no audio) source, then Browse to find the presentation deck on you computer.
  6. Click OK and the presentation will upload.
  7. You can select the individual slide you want and click on Add.
  8. Click in the position in the desired timeline where you want to add the slide. This will open the Event Properties box.  Add extra data here if you want to.
  9. Click OK to add the slide.
  10. Click Save to complete the change.

How to Export a Video Podcast

  1. Using your Firefox or Chrome browser go to http://butler.hosted.panopto.com.
  2. Log in through the Moodle option using your Butler username and password.
  3. Locate the recording you would like to export.
  4. Move your mouse over the recording and select Settings.
    Pic of recording with Settings option
  5. Select Outputs from the options on the left
  6. Select Download Podcast next to the Video Podcast thumbnail

 

 

 

 

 

 

Note: Panopto will download an mp4 file which will have the option to view the embedded captions. 

The embed code can be used to embed the MP4 of the session into any web page. The embed code uses an HTML5 player to display the session and session captions.

Using the Session Embed Code 

To obtain embed code follow these steps:

1. navigate to the Settings page for a session.

2. On the Settings page, select Outputs. The HTML code provided from this tab can be placed on any website to embed the session MP4.

Custom Controls

You can modify the embed code to customize how it works. The following controls can be added to the embed code:

Setting Function
autoplay The video will play as soon as the page is loaded.
autobuffer Causes the Embed to start buffering the video as soon as its loaded. The default is false. This has no effect if autoplay is true.
showbrand Causes the Embed to not show the custom logo on the splash screen. The default is true. The accent color is used regardless of this setting. This has no effect if autoplay is true. 
offerviewer Allow you to hide the top-right button that launches the Full Viewer. The default is true.
start This sets the time to start the video at (in seconds). The default is 0. This works whether you're showing the splash screen or autoplaying.
   

To add a setting, simply add &SETTING=VALUE immediately after the URL and within the quotes. For example, to have a session autoplay I would add: &autoplay=true

Example code with autoplay:
<iframe src="https://demo.hosted.panopto.com/Panopto/Pages/Embed.aspx?id=69f90b29-6f14-444f-8ff2-9b615ed6c101&v=1&autoplay=true" width="450" height="300" frameborder="0"></iframe>

 

Example

This is an example of an embedded video:

 

Loading ...

Need More Help?

Most popular FAQ's

Contact Center for Academic Technology
cat@butler.edu
317-940-8575

CONTACT

Email Butler University Libraries
Irwin Library: 317-940-9227
Science Library: 317-940-9937
CAT: 317-940-8575

Like us on FacebookInstagramFollow us on Twitter