Difference between revisions of "Embed"

From Reembodied Sound Wiki
Jump to: navigation, search
Line 12: Line 12:
  
 
==Embedding from another source==
 
==Embedding from another source==
The Html5Media player can also stream media files hosted on other servers.
+
The Html5Media player can also stream media files hosted on other servers. For example:<br>
This mp3 file is streamed from www.matthewgoodheart.com:<br>
 
 
<pre><html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media></pre>
 
<pre><html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media></pre>
 
+
produces:<br>
 +
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>
  
 
This is a linked YouTube video :<br>
 
This is a linked YouTube video :<br>

Revision as of 20:45, 22 March 2016

Uploaded Files

Pictures can be embedded using the standard MediaWiki syntax:

[[File:Hands-on.jpg|120px]]

embeds the picture:
Hands-on.jpg

Most media files can use Html5Media player. For an uploaded file use the MediaWiki syntax within the Html5Mediaplayer tags.:

<html5media>File:Gigue-Leonarda.mp3</html5media>

<html5media>File:Gigue-Leonarda.mp3</html5media>
However, it is recommended that large media files (such as work examples) be embedded from other sources.

Embedding from another source

The Html5Media player can also stream media files hosted on other servers. For example:

<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>

produces:
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>

This is a linked YouTube video :
<html5media height="180" width="320" >https://www.youtube.com/watch?v=ovASq1-TfF0</html5media>

For Vimeo videos, use a widget (the id # is the number at the end of the video page url: e.g. https://vimeo.com/29978729 <= id number
{{#widget:Vimeo|id=29978729|height=180|width=320}}
the id # is the number at the end of the video page url: e.g. for https://vimeo.com/29978729 the id# is 29978729

If you do not have a Vimeo or YouTube account, contact the administrator, and we may be able to upload it to the Evolving Door Music Vimeo or YouTube channel.

Sound Cloud files

Sound Cloud files can be embedded using the Iframe widget.

{{#widget:Iframe |url=https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/250492118&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true |width=810 |height=100 }}

To embed a Sound Cloud file:

  • Be sure you have created the page you would like to embed your file on.
  • Go to Sound Cloud go to page of the Sound Cloud file you would like to embed.
  • Click on the "share" button.
  • Click on "Embed."
  • Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. )
  • Copy to the text to the page you would like to embed the file one.
{{#widget:Iframe
|url=http://docs.google.com/present/embed?id=dcn37mcz_22cmnwnwf8
|width=410
|height=342
|border=0
}}