Text and Media Area: Adding Multimedia (Audio or YouTube Video)
Margarita Berezyanskaya
Last Update 5 gün önce
A Text and media area can be used to add text, images, audio, video, and other multimedia content directly to a course page. Because the content is created using Moodle’s text editor, there are many options for presenting information and making course sections more engaging.
Instructors can use a Text and media area to introduce a topic, provide directions, add a welcome message, or provide other information that learners may need before starting an activity or working through a course section.
Text and media areas can be useful when they provide information that learners need at a specific point in the course. However, using too many can make the course page feel cluttered and make it harder for learners to find activities and resources.
The instructions below explain how to add images and audio to a Text and media area. These can be useful for providing a welcome message or brief instructions without taking up unnecessary space on the course page.
When adding Text and media areas, aim for a balance between providing helpful information and keeping the course page clear, organized, and easy to navigate.
Using Text and Media Area to Support Blended Learning
Compared with other Moodle resources and activities, the Text and media area is best suited to providing brief information, context, or visual cues on the course page rather than delivering substantial course content. Using too many Text and media areas can make the course page feel cluttered and make it more difficult for learners to find activities and resources.
A Text and media area can be used as a signpost to show how an online resource or activity, or a group of activities, connects with something learners have done in a face-to-face class. For example, an icon, image, or short piece of text can highlight an important document or point learners toward an online activity related to a classroom activity.
When a Text and media area is used to provide instructions, the instructions can refer to something learners did in the face-to-face class. This can help learners see the connection between their classroom experience and the online course.
Images can also help create this connection. For example, an image of a book cover, the centre's logo, or a photo of a classroom activity can help learners recognize how the online course relates to their face-to-face learning experience.
Exemplar
There are two Text and media areas in the Stage 2/3 Exemplar Course.
- Sample Text & Media Area in the Sample Stage 2 Activities and Resources section displays image and text content.
- Sample Text and media area with Audio and Video in the Sample Stage 3 Activities and Resources section displays video, audio and text content.
Text and media areas can also be found throughout the Stage 3 training course. They are used to describe the assessment task associated with each section.
Note: Use Text and media areas for brief text or multimedia content that supports the course page. Avoid using them for substantial course content, as too many can clutter the page.
Adding a Text and 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 content button (plus icon) appears. Click on this button.
3. From the drop-down menu, select Activity or resource.
The Add an activity or resource pop-up appears.
4. Select the Text and media area option.
5. In the General section, enter the text you want to display in the Text area.
6. To add an image, click on the Reveal or Hide Additional Toolbar items icon to expand the toolbar.
7. Click on the Image icon.
8. Drag an image from your computer into the Insert image pop-up.
9. Add an Image description and adjust the image size and alignment as needed. Click Save.
10. Click the Save and return to course button.
The Text and media area item has been added to the section.
Adding Audio or Video to a Text and Media Area
Note: Make sure the audio or video file is saved on your computer, or have the URL for the YouTube video ready.
1. Enter the name of the Text and media area in the Title in course index and Text text boxes.
2. In the text editor, 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, select the Video or Audio tab.
5. Click Browse repositories to select a file from your computer or paste a video URL into the Video source URL box.
In this example, a URL is pasted.
6. Expand the Display options section. If needed, enter a display title, set the video dimensions, and add the source URL.
7. Expand the Advanced settings section. For optimal accessibility, select Show controls and leave the other options unselected.
8. Leave the Subtitles and captions section collapsed.
9. Click on the Insert media button.
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: Make sure your computer or device has an active microphone before you begin.
1. In the Text textbox, enter the text you want to display in the Text and media area.
2. On the text editor toolbar, click Record audio.
Note: The Record audio pop-up window appears. Your browser may also ask for permission to use your microphone.
3. Select the microphone you want to use.
4. Click Allow if your browser asks for permission to access the microphone.
5. When you are ready, click on the Start recording button.
6. Speak into the microphone.
8. Click on the Play button to listen to the recording.
9. If you are satisfied with the recording, click Attach recording. Otherwise, click Record again and make a new recording.
A media player appears in the Text textbox.
Recording a Video in a Text and Media Area
Note: You need to have a functioning video camera on your computer to do this.
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.
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.
- Acquiring a YouTube video embed code.
- 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