| Both sides previous revisionPrevious revision | Next revisionBoth sides next revision |
| en:create:media [12.01.2016 17:22] – michael.brill | en:create:media [12.01.2016 17:37] – michael.brill |
|---|
| |
| To embed a file, create a new [[:en:create:texts|Text element]] in **Text Elements and Labels** with //Formatting// “HTML code”, and add the following content: | To embed a file, create a new [[:en:create:texts|Text element]] in **Text Elements and Labels** with //Formatting// “HTML code”, and add the following content: |
| <code html> | |
| | <code html> |
| <audio id="audio_with_controls" controls autoplay> | <audio id="audio_with_controls" controls autoplay> |
| <source src="audio.mp3" type="audio/mpeg" /> | <source src="audio.mp3" type="audio/mpeg" /> |
| <source src="audio.ogg" type="audio/ogg" /> | <source src="audio.ogg" type="audio/ogg" /> |
| Your browser is not able to play this audio file | Your browser is not able to play this audio file |
| </audio> | </audio> |
| </code> | </code> |
| |
| The file name(s) are entered in the ''<source>'' tags, while the options ''controls'' and ''autoplay'' enable controls and automatic playback. For more options, see [[https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/audio|SelfHTML: Audio]] (German only). | The file name(s) are entered in the ''<source>'' tags, while the options ''controls'' and ''autoplay'' enable controls and automatic playback. For more options, see [[https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/audio|SelfHTML: Audio]] (German only). |
| <source src="audio.mp3" type="audio/mpeg" /> | <source src="audio.mp3" type="audio/mpeg" /> |
| </audio> | </audio> |
| </code> | </code> |
| |
| <code html> | <code html> |
| <source src="audio.mp3" type="audio/mpeg" /> | <source src="audio.mp3" type="audio/mpeg" /> |
| </audio> | </audio> |
| </code> | </code> |
| |
| **Note:** Due to technical limitations, as of this time it is not (!) possible to use the audio file embed code directly in an “HTML code” element from the **Compose Questionnaire** step. As described above, a text element containing the code must be created first, which can then be added in the **Compose Questionnaire** step. | **Note:** Due to technical limitations, as of this time it is not (!) possible to use the audio file embed code directly in an “HTML code” element from the **Compose Questionnaire** step. As described above, a text element containing the code must be created first, which can then be added in the **Compose Questionnaire** step. |
| <source src="filename.webm" type="video/webm" /> | <source src="filename.webm" type="video/webm" /> |
| </video> | </video> |
| </code> | </code> |
| |
| Obviously, you can use the ''width'' and ''height'' parameters to adjust the video’s display size. Additional options are available to enable autoplay or hide the player controls ([[http://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/video|SelfHTML: HTML/Multimedia und Grafiken/video]] (German only)). | Obviously, you can use the ''width'' and ''height'' parameters to adjust the video’s display size. Additional options are available to enable autoplay or hide the player controls ([[http://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/video|SelfHTML: HTML/Multimedia und Grafiken/video]] (German only)). |
