Storyline 3 lets you choose which features and controls are included on your course player. To customize your player, go to the Home tab on the ribbon and click Player.
\n
When the Player Properties window appears, the Features button will already be selected on the ribbon. Just choose the options you want. As you make changes on the left side of the window, the preview area on the right will update to reflect your choices.
\n
\n\n
Use player tabs to display additional content in your course. Player tabs can be added to the sidebar or the topbar of your course player. Just mark the box for each tab you want to include.
\n
\n\n
In addition to the four built-in player tabs in Storyline, you can also add your own player tabs.
\n
Custom tabs can display additional slide content or trigger an action (e.g., exit course).
\n
Here's how to add a custom player tab:
\n
\n- Click the Add icon (looks like a blank piece of paper) below the list of player tabs.
\n- When the Trigger Wizard appears, fill out the following fields:\n
\n- Name: Enter a name for the tab as you want it to appear in your published course.
\n- Align: Use this drop-down to choose where to display the tab. Choose Topbar Left or Topbar Right.
\n- Action: Use this drop-down (and the contextual fields that follow) to define what should happen when learners click your custom tab.
For example, if you want to display content in a lightbox, select Lightbox slide, then choose the slide you want to lightbox.
To learn more about triggers, see this user guide. \n
\n \n- When you're finished, click OK.
\n
\n\n
To edit a custom player tab, just select it and click the Edit icon (looks like a pencil).
\n
When the Trigger Wizard appears, you can change the tab's name, location, and action. See above for details.
\n
Tip: Built-in player tabs can't be edited, but you can change their names. See Customizing the Text Labels.
\n\n
To remove (or hide) a player tab, uncheck its box.
\n
To permanently delete a custom player tab, select it and click the Delete icon. (Built-in player tabs can't be deleted. They can only be hidden.)
\n\n
You can position player tabs in three different areas of the player:
\n
\n- Sidebar
\n- Topbar Left
\n- Topbar Right
\n
\n
Multiple tabs can be located in each area of the player. To move a tab from one location to another, select the tab name, then use the Up and Down arrows to move it to a different location on the player.
\n
The built-in player tabs can be added to the sidebar or topbar. However, custom player tabs can only be added to the topbar.
\n
If you don’t want a sidebar in your course, disable all sidebar tabs and the logo.
\n\n
By default, player tabs that you've enabled will display for all slides in your course, but you can hide built-in player tabs on a slide-by-slide basis. To learn how, see this user guide.
\n\n
In the Features area of the window, you can add a course title and choose where to display the sidebar.
\n
\n\n\n| \n Title \n | \n\n Mark this box if you want the course title to appear in the top left corner of your player. If you’d prefer not to display a title, uncheck this box. \nThe title defaults to the name of your project file, but you can change it. Just edit the text in the field provided. (Changing the title won’t change the name of your project file; it'll only change the title that displays in your published course.) The maximum length for a project title is 80 characters. \n | \n
\n\n| \n Sidebar \n | \n\n A sidebar will appear in your published course if you include any player tabs in the sidebar or add a logo. \nIf you don’t want a sidebar in your player, disable all sidebar tabs and the logo. \nBy default, the sidebar appears on the left side of your player, but you can move it to the right side of your player. Choose a location from the Sidebar drop-down. \n | \n
\n\n
\n\n
In the Controls area of the window, mark the boxes for the controls you'd like to add to your player.
\n
\n\n\n| \n Volume \n | \n\n This displays a volume controller in the lower left corner of your player when learners view your course on desktop computers. \nThe volume controller won't display on tablets and smartphones since they have their own volume buttons. \n | \n
\n\n| \n Search \n | \n\n This adds a search field to the bottom of the Menu tab. Learners can use it to search for text in your course. \nSince the search field is part of the Menu tab, it'll only appear in your published course if you've enabled the Menu tab. \n | \n
\n\n| \n Captions \n | \n\n This enables the closed captioning button at the bottom of the player. \nWhen the closed captioning button is enabled, it'll display when there are captions available on the current slide or layer. If no captions are available, the button will disappear. This is a visual indicator for learners so they know which slides have captions and which don't. \nWhen the closed captioning button is visible, meaning there are captions available on the current slide or layer, learners only need to click it to turn the captions on or off. \n | \n
\n\n| \n Seekbar \n | \n\n This adds a seekbar to the bottom of your player. It's a good visual indicator of the slide's timeline. \nUse the accompanying drop-down to choose whether learners can use the seekbar to scrub back and forth along the timeline or not. \nTip: By default, the seekbar is enabled or disabled for the entire course, but you can show or hide it on a slide-by-slide basis if you prefer. \n | \n
\n\n| \n Accessibility Controls \n | \n\n Empower learners to personalize their learning experience according to their needs and preferences. When you enable the new accessibility settings menu, a gear icon appears on the player, allowing learners to turn accessible text on or off and toggle keyboard shortcuts. \nThe accessibility controls are enabled by default for new projects. They're disabled by default for existing projects and saved custom players. \nLearn more about these adjustable accessibility settings. \n | \n
\n\n| \n Logo \n | \n\n To add a logo to the top of the sidebar, mark the Logo box, then use the Click to add a logo link to browse for an image. \nFor the best results, use an image that has a maximum width of 200 pixels and a maximum height of 220 pixels. If your image doesn't fit within these dimensions, Storyline will scale it to fit. \nLogos are supported in the standard player but not the responsive player. \n | \n
\n\n
\n\n
Navigation buttons are automatically added to all slides. By default, content slides have Prev/Next buttons and question slides have Submit buttons.
\n
However, you can show or hide navigation buttons on a slide-by-slide basis. See this user guide for details.
\n\n
When you click OK to close the Player Properties window, Storyline saves your player customizations in your project file.
\n
If you'd like to use the same customizations in other projects, click Current Player on the ribbon and choose Save. If prompted, enter a name for your custom player and click OK.
\n
To learn more about the Current Player options, see this user guide.
\n\n
Interactive Demo: Which Player Properties Are Supported in the Responsive Player?
Storyline 3 lets you choose which features and controls are included on your course player. To customize your player, go to the Home tab on the ribbon and click Player.
\n
When the Player Properties window appears, the Features button will already be selected on the ribbon. Just choose the options you want. As you make changes on the left side of the window, the preview area on the right will update to reflect your choices.
\n
\n
Choosing Player Tabs
\n
Use player tabs to display additional content in your course. Player tabs can be added to the sidebar or the topbar of your course player. Just mark the box for each tab you want to include.
\n
\n
Adding Custom Tabs
\n
In addition to the four built-in player tabs in Storyline, you can also add your own player tabs.
\n
Custom tabs can display additional slide content or trigger an action (e.g., exit course).
\n
Here's how to add a custom player tab:
\n
\n- Click the Add icon (looks like a blank piece of paper) below the list of player tabs.
\n- When the Trigger Wizard appears, fill out the following fields:\n
\n- Name: Enter a name for the tab as you want it to appear in your published course.
\n- Align: Use this drop-down to choose where to display the tab. Choose Topbar Left or Topbar Right.
\n- Action: Use this drop-down (and the contextual fields that follow) to define what should happen when learners click your custom tab.
For example, if you want to display content in a lightbox, select Lightbox slide, then choose the slide you want to lightbox.
To learn more about triggers, see this user guide. \n
\n \n- When you're finished, click OK.
\n
\n
Editing Custom Tabs
\n
To edit a custom player tab, just select it and click the Edit icon (looks like a pencil).
\n
When the Trigger Wizard appears, you can change the tab's name, location, and action. See above for details.
\n
Tip: Built-in player tabs can't be edited, but you can change their names. See Customizing the Text Labels.
\n
Removing Player Tabs
\n
To remove (or hide) a player tab, uncheck its box.
\n
To permanently delete a custom player tab, select it and click the Delete icon. (Built-in player tabs can't be deleted. They can only be hidden.)
\n
Rearranging Player Tabs
\n
You can position player tabs in three different areas of the player:
\n
\n- Sidebar
\n- Topbar Left
\n- Topbar Right
\n
\n
Multiple tabs can be located in each area of the player. To move a tab from one location to another, select the tab name, then use the Up and Down arrows to move it to a different location on the player.
\n
The built-in player tabs can be added to the sidebar or topbar. However, custom player tabs can only be added to the topbar.
\n
If you don’t want a sidebar in your course, disable all sidebar tabs and the logo.
\n
Displaying Different Tabs for Different Slides
\n
By default, player tabs that you've enabled will display for all slides in your course, but you can hide built-in player tabs on a slide-by-slide basis. To learn how, see this user guide.
\n
Adding a Course Title and Changing the Sidebar Location
\n
In the Features area of the window, you can add a course title and choose where to display the sidebar.
\n
\n\n\n| \n Title \n | \n\n Mark this box if you want the course title to appear in the top left corner of your player. If you’d prefer not to display a title, uncheck this box. \nThe title defaults to the name of your project file, but you can change it. Just edit the text in the field provided. (Changing the title won’t change the name of your project file; it'll only change the title that displays in your published course.) The maximum length for a project title is 80 characters. \n | \n
\n\n| \n Sidebar \n | \n\n A sidebar will appear in your published course if you include any player tabs in the sidebar or add a logo. \nIf you don’t want a sidebar in your player, disable all sidebar tabs and the logo. \nBy default, the sidebar appears on the left side of your player, but you can move it to the right side of your player. Choose a location from the Sidebar drop-down. \n | \n
\n\n
\n
Choosing Player Controls
\n
In the Controls area of the window, mark the boxes for the controls you'd like to add to your player.
\n
\n\n\n| \n Volume \n | \n\n This displays a volume controller in the lower left corner of your player when learners view your course on desktop computers. \nThe volume controller won't display on tablets and smartphones since they have their own volume buttons. \n | \n
\n\n| \n Search \n | \n\n This adds a search field to the bottom of the Menu tab. Learners can use it to search for text in your course. \nSince the search field is part of the Menu tab, it'll only appear in your published course if you've enabled the Menu tab. \n | \n
\n\n| \n Captions \n | \n\n This enables the closed captioning button at the bottom of the player. \nWhen the closed captioning button is enabled, it'll display when there are captions available on the current slide or layer. If no captions are available, the button will disappear. This is a visual indicator for learners so they know which slides have captions and which don't. \nWhen the closed captioning button is visible, meaning there are captions available on the current slide or layer, learners only need to click it to turn the captions on or off. \n | \n
\n\n| \n Seekbar \n | \n\n This adds a seekbar to the bottom of your player. It's a good visual indicator of the slide's timeline. \nUse the accompanying drop-down to choose whether learners can use the seekbar to scrub back and forth along the timeline or not. \nTip: By default, the seekbar is enabled or disabled for the entire course, but you can show or hide it on a slide-by-slide basis if you prefer. \n | \n
\n\n| \n Accessibility Controls \n | \n\n Empower learners to personalize their learning experience according to their needs and preferences. When you enable the new accessibility settings menu, a gear icon appears on the player, allowing learners to turn accessible text on or off and toggle keyboard shortcuts. \nThe accessibility controls are enabled by default for new projects. They're disabled by default for existing projects and saved custom players. \nLearn more about these adjustable accessibility settings. \n | \n
\n\n| \n Logo \n | \n\n To add a logo to the top of the sidebar, mark the Logo box, then use the Click to add a logo link to browse for an image. \nFor the best results, use an image that has a maximum width of 200 pixels and a maximum height of 220 pixels. If your image doesn't fit within these dimensions, Storyline will scale it to fit. \nLogos are supported in the standard player but not the responsive player. \n | \n
\n\n
\n
Showing or Hiding Navigation Buttons
\n
Navigation buttons are automatically added to all slides. By default, content slides have Prev/Next buttons and question slides have Submit buttons.
\n
However, you can show or hide navigation buttons on a slide-by-slide basis. See this user guide for details.
\n
Saving Player Changes
\n
When you click OK to close the Player Properties window, Storyline saves your player customizations in your project file.
\n
If you'd like to use the same customizations in other projects, click Current Player on the ribbon and choose Save. If prompted, enter a name for your custom player and click OK.
\n
To learn more about the Current Player options, see this user guide.
\n
You Might Also Want to Explore:
\n
Interactive Demo: Which Player Properties Are Supported in the Responsive Player?