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

From Polyglot Club WIKI
Jump to navigation Jump to search
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
'''<span style="font-size:200%">How to add an audio MP3 file to the text of a lesson?</span>'''
<div class="pg_page_title">How to add a sound file in a lesson</div>
==HOW DOES THE AUDIO PLAYER LOOK LIKE?==
__TOC__
When writing a lesson to learn a language, it is cool, for example, to be able to add, next to a word, a small MP3 player to hear the pronunciation of that word.
==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:
Better an example than a long explanation:
Line 11: Line 12:
<player>alligator-english.mp3</player>
<player>alligator-english.mp3</player>


== HOW TO INSERT AN AUDIO FILE INTO YOUR LESSON ==
==How to create your own sound file==  


Follow the steps below:
#Just go to https://vocaroo.com/
#'''Record your voice''' by clicking the red button
#Click '''Save and Share'''
#Click the '''Dowload button''' to save the MP3 file on your device


*1. Click on the '''EDIT > Edit Source''' button at the top right corner of your lesson page.


<!--
The format for your audio files MUST be '''.MP3'''.




*2. Click the small green button:
To create your own MP3 file, the simpliest is to use your smartphone. Create a voice memo thanks to your favorite application. Then, send it to yourself attached to an e-mail.
[[File:msupload-button.jpg]]




If you are using a Iphone, you need to convert the file to a readable format. Here is how to:


*3. Select one (or several) sound file(s) from your computer. '''Possible extensions: '.mp3', '.ogg' or '.wav'.'''
===Convert Iphone voice memos ONLINE (m4a to mp3)===


You can use this free online converter:




*4. Click the '''Upload this file''' link and wait for the file(s) to upload
http://online-audio-converter.com/
[[File:msupload-upload-file.jpg]]




===Convert Iphone voice memos to MP3 in Itune (m4a to mp3)===


*5. Click the '''Insert Link''' link
Check this tutorial:
[[File:msupload-insert-link.jpg]]




<youtube>Kg_L9EKBqqQ</youtube>


*6. The code will be inserted automatically into the page
-->
[[File:msupload-inserted.jpg]]


==How to insert a sound file in your lesson==


Follow the steps below:


*7. Cut and Paste the code wherever you want the audio file player to appear in the page (still using the Edit Source editor)
*'''1.''' Once on your lesson's page, click on the button '''ACTIONS > Edit Source ''' at the top right corner of the page (like on the picture below).
[[File:msupload-move-code.jpg]]
<hr>
[[File:wiki_actions_button.jpg]]
<hr>
*'''2.''' Click the small green button:


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


*'''3.''' Select one (or several) sound file(s) from your computer. '''Possible extensions: .mp3 / .ogg / .wav'''. To select several files, use CTR + click (on Windows). Click the "OPEN" button.


<hr>
[[File:wiki_actions_select_files.jpg]]
<hr>


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


PLease note:
<hr>
*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''').
[[File:msupload-upload-file.jpg]]
<hr>




*You can add several sound files at once. Just select several files from your computer (step 3 above)
*'''5.''' Click the '''Insert Link''' link


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




===ADD THE CODE IN THE PAGE (Edit Source Page)===
*'''6.''' The Player code for your file will be inserted automatically into the page


If the name of your file is '''test.mp3''', you have to type the following code:
<hr>
[[File:msupload-inserted.jpg]]
<hr>




<code><nowiki><player>test.mp3</player></nowiki></code>
*'''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]]
<hr>


Still inside the Edit Code page, type this code into the page and click on '''Save Changes'''.
*'''8.''' Click the '''Save Changes''' button at the bottom of the page to save your whole page.


==TIP: HOW TO CREATE YOU OWN AUDIO FILE ==


The format for your audio files MUST be '''.MP3'''.
PLease note:
 
*It is not yet possible to add a file directely with the '''ACTIONS > Edit button''' (Visual Editor), you have to use the Code Editor ('''ACTIONS > Edit Source''').
 
*You can add several sound files at once. Just select several files from your computer: use CTR + click (on Windows) (See step 3 above)
To create your own MP3 file, the simpliest is to use your smartphone. Create a voice memo thanks to your favorite application. Then, send it to yourself attached to an e-mail.
 
 
If you are using a Iphone, you need to convert the file to a readable format. Here is how to:
 
===Convert Iphone voice memos ONLINE (m4a to mp3)===
 
You can use this free online converter:
 
 
http://online-audio-converter.com/
 
 
===Convert Iphone voice memos to MP3 in Itune (m4a to mp3)===
 
Check this tutorial:
 
 
<youtube>Kg_L9EKBqqQ</youtube>

Latest revision as of 01:20, 30 January 2022

How to add a sound file in a lesson

How does the sound player look like?[edit | edit source]

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[edit | edit source]

  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[edit | edit source]

Follow the steps below:

  • 1. Once on your lesson's page, click on the button ACTIONS > Edit Source at the top right corner of the page (like on the picture below).

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. To select several files, use CTR + click (on Windows). Click the "OPEN" button.

Wiki actions select files.jpg


  • 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 ACTIONS > Edit button (Visual Editor), you have to use the Code Editor (ACTIONS > Edit Source).
  • You can add several sound files at once. Just select several files from your computer: use CTR + click (on Windows) (See step 3 above)