Xerte Community Documentation

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Media > Media Lesson ======

This [[pagetypes|page]] allows you to synch a wide variety of content with audio or video. The audio or video is displayed in one panel, and other types of content in at least one other panel - the maximum number of panels is 4.

The **Interactive Video** page in Interactivity offers similar functionality, but

  * has a narrower range of options for the author 
  * and overlays Other Content on the video.


===== Example demo =====

{{url>https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#medialesson}}

or view at [[https://xot.xerte.org.uk/xapi_launch.php?template_id=116&group=xertepagetypes#medialesson|Xerte Page Types - Media: Media Lesson]] (opens in new tab)

===== Editor interface =====

{{:xerte-media-medialesson-editor.jpg|Screenshot of Media > Media Lesson page in editor}}

==== Page Structure (example) ====

{{ :xerte-media-medialesson-structure.jpg?200}}The **Media Lesson** page can have a complex structure. Here is the page structure for the demo page shown above. It comprises two panels; the **Media Panel**, and another panel titled here **Other Content.**

In this example, there are 6 sections of text synched with different sections of the video added through the Media Panel. If you view the demo you will see that some sections remain on screen when the next section of text is displayed, and some sections replace existing content. Text 5 also includes an image, but this is not shown in the page structure.

**Clear Panel** displays an empty panel for a period of time, and then you can see that a Multiple **Choice Question** has been included.

This example has only one "Other Content" panel, but additional panels can be added.

==== Top Level: Core Properties ====

{{ :xerte-media-medialesson-addpage.jpg?200}}When you add a Media Lesson page to a project, unlike most other pages, you are provided with the first two levels of the project structure. At the top level, the settings apply mainly to the layout of the panels and any tracking of learner performance that you wish to add. At the second level you have the Media Panel and a panel for other content.   Here are the core properties for the top level.

^ Property ^ Description ^ Type ^ Additional information ^
| Page Title | Text that appears in header of published page, and at the top of the page structure.  | Text |   |
| Panel Layout | {Grid/Tile Horizontally/Tile Vertically/Full Top - Tile Bottom/Tile Top - Fill Bottom/Full Left-Tile Right/Tile Left/Full Right | Drop- down | If you only have 2 panels, the options are only to have Top and Bottom panels or Left and Right Panels. The easiest way to toggle between these is to use Tile Horizontally or Tile Vertically.  If you have 3 or more panels, try out the different options.  |


==== Top Level: Optional Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Introduction | This adds a dropdown that is displayed across the width of the page when the learner lands on the page, but which can be closed to maximise visibility of the panels.  | Text+ (Toolbar) |   |
| Track video progress | {**Only if no MCQs**/Only video/No (only track MCQs)/Yes} This tracks the % of the video (and also audio) that has been played. Tracking scores become complex if MCQ responses are also tracked, so there are options for for tracking +/-  video/MCQs.  | Drop- down | See the [[:trackingandweighting|Tracking and Weighting ]]page for more information on tracking.  |
| Tracking Score Weight | %%Allows the task on the page to be weighted relative to other scored pages in the project.%%  | Number  | See the [[:trackingandweighting|Tracking and Weighting ]]page for more information on weighting.  |

See [[optional_properties#General optional properties|General Optional Properties]]


==== Top Level: Language Options ====

These only apply if you have added an **Introduction **from the Optional Properties.

^ Property ^ Description ^ Type ^ Additional information ^
| Introduction Title | Title for the Introduction | Text | Default - "Introduction"  |
| Introduction Close | Text on the "button" closing the  Introduction | Text | Default - "Close"  |

==== Media Panel: Core Properties ====

At the second level in the page structure, this is where you add the audio or video.  You must add a video (either uploaded or embedded as a link to another video platform).

^ Property ^ Description ^ Type ^ Additional information ^
| Media Panel Title | Title displayed at the top of the Media Panel | Text |   |
| Media: File | Upload the audio or video file here, through the Media Browser | Link to Media Browser | This is essential. See [[:working_with_video|Working with video]] for guidance on including video in your project.  |
| Media: Description | Enter a description for accessibility | Text |   |
| Media: Auto Play | Autoplays the media | Tick box |   |


==== Media Panel: Optional Properties ====

^ Property ^ Description ^ Type ^ Additional information ^
| Audio Player Position | Title displayed at the top of the Media Panel. | Text |   |
| Image (Audio Only): Image | This adds an image just above the audio player bar. | Link to Media Browser |   |
| Image (Audio Only): Description | Enter a description for accessibility. | Text |   |
| Media aspect ratio | Sets the proportions of the media player. {4:3/**16:9**/21:9} | Drop-down | You are unlikely to need to use this unless the video displays with dark bars right/left or top/bottom.  |
| Transcript | Enter a transcript here, which can be opened at any time by clicking on a button. | Text+ |   |

The default text for the Transcript Button is "Transcript". You can change this text through the one **Language Option** for the Media Panel.


==== Other Content ====

After you have added the media, you need to add the other content and synch that content to sections of the audio or video.  Click on the last item in the page structure.

Give this panel a title and then add content from the options listed. Click on items in the table below for more information on their properties.  Most of the items allow for the audio/video to be paused while other content is displayed

| **Item** | **Description** |
| New Clear Panel... | This presents an **empty panel** starting at the synch point that you enter.  It ends at the synch point for the next item in this panel.  This is the only property for this item, so no further information is needed. |
| [[medialesson_newtextcontent|New Text Content...]] | Displays **some text**. This text can either replace any text from the previous item, or add to it.  If necessary, pausing the audio/video gives the learner time to read the text. |
| [[medialesson_newslideshow|New Slideshow...]] | Adds a Slideshow, which you create within Xerte. Again you may wish to pause the media while the slideshow is playing, to avoid competing demands on attention. |
| [[medialesson_newmcq|New Multiple Choice Question...]] | Adds a Multiple Choice Question.  The properties are very similar to the Interactivity > Multiple Choice Question page type. |
| [[medialesson_newmedia|New Media...]]  | Adds a second audio or video recording.  |
| [[medialesson_newembedwebpage|New Embed Web Page...]] | Embeds a web page within the panel. Note that some web pages cannot be embedded. |
| [[medialesson_newrssfeed|New RSS Feed...]] | Embeds an RSS Feed within the Panel.  This provides a summary, in real time, of changes made on a webpage, or of posts to a forum. |
| [[medialesson_newembedxotproject|New Embed XOT Project...]] | Embeds a Xerte project within the panel.  You can embed the whole project or just a page from it. |

Please note that **New Google Map**  is a deprecated Item from Version 3.12 onwards.

{{tag>pagetype media}}