Text & Media Area Module - Creating a Multimedia feature (Audio or YouTube Video)

Margarita Berezyanskaya

Last Update 12 hari yang lalu

Text & Media Area is used to 'dress up' course home pages. A Text & Media Area's content is created using the Text editor, so it is very versatile. Text and many types of multimedia can be inserted into a course home page, making the page more visually appealing. Some instructors use multimedia features with the 
Text & Media Area tool to introduce topics and provide instructions for learners on how to proceed with an activity, or with a particular section of a course. 


Text & Media Areas can be very effective when used in this way; however, they can also clutter a course home page and distract learners if they are overused. The instructions below explain how an instructor can add images and add an audio recording into a 
Text & Media Area. This can be an effective way to provide instructions or a welcome message to learners in a Text & Media Area that does not take a lot of space on the course home page. It is important to find a balance between providing useful information and designing a home page that is user-friendly and easy to navigate.

Using Text & Media Area to Support Blended Learning

Compared to other resource modules, the Text & Media Area is limited in how it can be used to blend the online environment with the face-to-face course. It is generally not recommended to use 
Text & Media Areas to deliver course content, to keep the course home page free from clutter.


An icon or text can be inserted in a Text & Media Area
to act as a signpost and show that an online resource or activity (or a group of them) is connected with something learners did in the face-to-face class. A 
Text & Media Area can also be used to highlight an important document on the course home page.


If a Text & Media Area is used to present instructions, it might reference something learners did in the face-to-face class to ensure that they see the connection between the two environments.


If used to display an image, the Text & Media Area 
might help learners make the connection between the classroom and the online course, that is, if the image represented something related to an in-class activity, such as the cover of a book, the centre's logo or a photo of a class activity.

Exemplar

There are two Text & Media Areas in the Stage 2/3 Exemplar Course. 


Text and media areas can also be found in various topics the Stage 3 training course. They are used to describe the assessment task associated with each section.



Note: Do not use Text and media items to add course content. Add a Label to make your course more inviting for your learners.

Adding a Text & Media Area to a Course

1. At the top of the Course Homepage, click on the Edit mode toggle button in the upper right corner of the screen to activate the editing tools.

Note: The toggle moves to the right, indicating that course editing is now on.

2. Hover your cursor over the dotted line between two activities. The Add an activity or resource button (plus icon) appears.



3. A drop-down appears, click on Add an activity or resource.

Note: The Add a new activity or resource pop-up appears.


4. Select the Text and media area option.



5. In the General section, type a Title or name in the Text and media area area. 



6. To add an image, click on the Reveal or Hide Additional Toolbar items icon.



7. To add an image, click on the Insert or edit image icon.

8. Drag an image from your computer into the middle of the Insert Image pop-up. 



9. Set the image description, size and alignment parameters and click Save.


10. Click the Save and return to course button.


Note: The Text and media area item has been added to the section. 

 

Embedding Audio or Video Files in a Text and media area item

Note: You need to have your files saved on your computer or a YouTube video link to do this.

1. Type in the name of your Text & Media Area in the Text and media area title in course index and the Text boxes.



2. In the text editor menu, click on the Reveal or Hide Additional Toolbar items icon.



3. Click the multimedia icon on the text editor toolbar.

4. In the Insert media pop up, click on either the Video or Audio tab to add a source file.



5. Click on the Browse repositories button or paste a web link to a video in the Video source URL box.
Note: In this example a URL is pasted.

6. Expand the Display options section, optionally add a display title, set the video dimensions and add the source URL. Click on the Browse button.


7. Expand the Advanced settings section, only check the Show controls box for optimal user accessibility. 


8. At this time, we will not expand the Subtitles and captions section.

9. Click on the Update media button.


Note: The media file (video) is now embedded within the Text area.



11. Click Save and return to course.


 

Recording Audio in a Text and media area  

Note: You need to have an active microphone on your computer/device to do this.

1. Type in the text of your Text & Media Area in the Text and media area box.



2. Click the Record audio icon on the text editor toolbar.



Note: The Record audio pop-up appears.
A browser permission dialogue may also appear.



3. Choose the most suitable microphone.


4. Click on the Allow button.


5. When you are ready, click on the Start recording button.



6. Speak into the microphone.


7. When you are finished reading your script, click on the Stop recording button.



8. Click on the Play button to listen to the recording.


9. If the recording is acceptable, click on the Attach recording button. Otherwise, click on the Record again button.


 

A message appears indicating the upload was successful.

Note: A media player appears in the Text box. 
 

Recording a Video in a Text and media area

Note: You need to have a functioning video camera on your computer to do this.
1. Type in the text of your Text & Media Area in the Text  box.



2. In the text editor menu, click on the Reveal or Hide Additional Toolbar items icon.



3. In a new Text and media area, click the Record video icon on the text editor toolbar. Then choose the Record video in the drop-down menu.



Note: The Create media file pop-up appears. A browser permission dialogue may appear.


4. Choose your microphone and camera.


5. Click on the Allow button.


6. Click on the Start record button to start recording the video.



7. Face the camera and speak into microphone.


8. When you are finished, click on the Stop Recording button.

9. Press on the Play button to watch to the recording.  If you wish to try the recording again, click on the Record button again.



10. If the video is acceptable, click on the Attach recording button.


11. The recording appears in the Text box. 




11. Click on the Save and return to course button.


Note: The video player appears when learners view the Text & Media Area on the course.

Embedding a YouTube Video in a Text & Media Area

After adding a new Text & Media Area, or update an existing one, follow these steps. 

Caution: Do not embed multiple videos on a course page or it may slow down the loading time for users. 

There are two steps to compete this task.


  1. Acquiring a YouTube video embed code.

  2. Embedding this code into a Text & Media Area.

Acquiring a YouTube embed code

1. Locate a suitable video on YouTube.



2. Under the video, click on the Share link.



3. In the pop-up that appears, click on the Embed icon.


Note: The embed code appears.

4. Choose a starting point by entering a time code, if required.


5. Choose to Show player controls.


6. Enable privacy-enhanced settings if required.


7. Click on the Copy link.



Note: You will paste this code into the Text & Media Area editor.

Embedding a YouTube Video

1. In the Text & Media Area text editor, click on the View menu item, and then choose Source code.



2. In the source code pop up that appears, paste the embed code. 


3. Click on the Save button to view the Text & Media Area edit screen.


4. Click Save and return to course to view the Text & Media Area.



The video is embedded in the Text & Media Area on the course page.


 

Video Resources

Resources