1,344
edits
Changes
Jump to navigation
Jump to search
Created page with "LimeSurvey has limited support for the use of audio in surveys, but luckily there is a workaround, described below. This process is very similar to Help:LimeSurvey/Demo_vide..."
LimeSurvey has limited support for the use of audio in surveys, but luckily there is a workaround, described below. This process is very similar to [[Help:LimeSurvey/Demo_video | adding video]]
For the best cross-browser support, convert your audio files to MP3.
==Uploading Files==
First upload the audio. Do this the same way that you would upload images. You will not see a preview. There is no need to change anything about the settings.
<div><ul>
<li style="display: inline-block;"> [[File:Video0.png|thumb|none|480px|Upload your file (screenshot says .mp4, but the same goes for .mp3]] </li>
<li style="display: inline-block;"> [[File:Video1.png|thumb|none|680px|Copy the URL path (Ctrl+C)]]</li>
</ul></div>
Cancel out of the Image Properties interface and paste the copied path in the question field for future reference.
==Creating Audio Element==
Click the ''Source'' button and add the following code:
<br/>
<syntaxhighlight lang="html5">
<audio autoplay="autoplay" controls="controls">
<source src="XXXXXXXX" type="audio/mpeg">
Your browser does not support audio playback.
</audio>
</syntaxhighlight>
Replace the XXXXXXXX with the path you pasted in earlier.<br/>
If you do not want the audio to play automatically after the page loads, remove the <code>autoplay="autoplay"</code> bit.<br/>
The line "Your browser does not support audio playback." is only displayed on browsers that do not support HTML5 audio playback. All modern browsers will support it.
For the best cross-browser support, convert your audio files to MP3.
==Uploading Files==
First upload the audio. Do this the same way that you would upload images. You will not see a preview. There is no need to change anything about the settings.
<div><ul>
<li style="display: inline-block;"> [[File:Video0.png|thumb|none|480px|Upload your file (screenshot says .mp4, but the same goes for .mp3]] </li>
<li style="display: inline-block;"> [[File:Video1.png|thumb|none|680px|Copy the URL path (Ctrl+C)]]</li>
</ul></div>
Cancel out of the Image Properties interface and paste the copied path in the question field for future reference.
==Creating Audio Element==
Click the ''Source'' button and add the following code:
<br/>
<syntaxhighlight lang="html5">
<audio autoplay="autoplay" controls="controls">
<source src="XXXXXXXX" type="audio/mpeg">
Your browser does not support audio playback.
</audio>
</syntaxhighlight>
Replace the XXXXXXXX with the path you pasted in earlier.<br/>
If you do not want the audio to play automatically after the page loads, remove the <code>autoplay="autoplay"</code> bit.<br/>
The line "Your browser does not support audio playback." is only displayed on browsers that do not support HTML5 audio playback. All modern browsers will support it.