Difference between revisions of "Help/How-to-add-audio-files"

From Polyglot Club WIKI
Jump to navigation Jump to search
Line 51: Line 51:


*'''1.''' Click on the button '''ACTIONS > Edit Source ''' at the top right corner of your lesson page.
*'''1.''' Click on the button '''ACTIONS > Edit Source ''' at the top right corner of your lesson page.
 
<hr>
 
[[File:wiki_actions_button.jpg]]
 
<hr>
*'''2.''' Click the small green button:
*'''2.''' Click the small green button:


 
<hr>
[[File:msupload-button.jpg]]
[[File:msupload-button.jpg]]
 
<hr>




Line 67: Line 67:
*'''4.''' Click the '''Upload this file''' link and wait for the file(s) to upload
*'''4.''' Click the '''Upload this file''' link and wait for the file(s) to upload


 
<hr>
[[File:msupload-upload-file.jpg]]
[[File:msupload-upload-file.jpg]]
 
<hr>




*'''5.''' Click the '''Insert Link''' link  
*'''5.''' Click the '''Insert Link''' link  


 
<hr>
[[File:msupload-insert-link.jpg]]
[[File:msupload-insert-link.jpg]]
 
<hr>




*'''6.''' The Player code for your file will be inserted automatically into the page
*'''6.''' The Player code for your file will be inserted automatically into the page


 
<hr>
[[File:msupload-inserted.jpg]]
[[File:msupload-inserted.jpg]]
 
<hr>




*'''7.''' Cut and Paste the code wherever you want the audio file player to appear in the page (still using the Edit Source editor)
*'''7.''' Cut and Paste the code wherever you want the audio file player to appear in the page (still using the Edit Source editor)


 
<hr>
[[File:msupload-move-code.jpg]]
[[File:msupload-move-code.jpg]]
 
<hr>


*'''8.''' Click the '''Save Changes''' button at the bottom of the page to save your whole page.
*'''8.''' Click the '''Save Changes''' button at the bottom of the page to save your whole page.

Revision as of 19:59, 11 December 2020

How to add a sound file in a lesson:

How does the sound player look like?

When writing a lesson to learn a language, it is cool, for example, to be able to add, next to a word, a small sound player to hear the pronunciation of that word.

Better an example than a long explanation:

Alligator.png

Alligator



How to create your own sound file

  1. Just go to https://vocaroo.com/
  2. Record your voice by clicking the red button
  3. Click Save and Share
  4. Click the Dowload button to save the MP3 file on your device


How to insert a sound file in your lesson

Follow the steps below:

  • 1. Click on the button ACTIONS > Edit Source at the top right corner of your lesson page.

Wiki actions button.jpg


  • 2. Click the small green button:

Msupload-button.jpg



  • 3. Select one (or several) sound file(s) from your computer. Possible extensions: .mp3 / .ogg / .wav


  • 4. Click the Upload this file link and wait for the file(s) to upload

Msupload-upload-file.jpg



  • 5. Click the Insert Link link

Msupload-insert-link.jpg



  • 6. The Player code for your file will be inserted automatically into the page

Msupload-inserted.jpg



  • 7. Cut and Paste the code wherever you want the audio file player to appear in the page (still using the Edit Source editor)

Msupload-move-code.jpg


  • 8. Click the Save Changes button at the bottom of the page to save your whole page.


PLease note:

  • It is not yet possible to add a file directely with the Action > Edit button (Visual Editor), you have to use the Code Editor (Action > Edit Source).
  • You can add several sound files at once. Just select several files from your computer (step 3 above)