Difference between revisions of "Embed"

From Reembodied Sound Wiki
Jump to: navigation, search
Line 5: Line 5:
 
[[File:Hands-on.jpg|120px]]
 
[[File:Hands-on.jpg|120px]]
  
Most embedded media files can use Html5Media player.  
+
Most media files can use Html5Media player.  
 
This is an uploaded mp3 file.<br>
 
This is an uploaded mp3 file.<br>
 
<html5media>File:Gigue-Leonarda.mp3</html5media>
 
<html5media>File:Gigue-Leonarda.mp3</html5media>
  
Any uploaded file can be linked to. However, current local (from your computer) uploading is limited to 2MB - this should change soon. In the meantime, uploading off a site or url can be up to 100MB, so upload files this way.  
+
However, it is recommended that longer media files (such as work examples) be embedded from other sources.
  
Alternately, and perhaps preferably, you can also stream mp3 files from another site - here is an example:<br>
+
==Embedding from another source==
 +
The Html5Media player can also stream media files hosted on other servers.
 +
This mp3 file is streamed from www.matthewgoodheart.com:<br>
 
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>
 
<html5media>http://www.matthewgoodheart.com/music/zenitwasmeant.mp3</html5media>
  
Line 34: Line 36:
 
}}
 
}}
  
==To embed a Sound Cloud file:==
+
===To embed a Sound Cloud file:===
 
* Go to Sound Cloud go to page of the Sound Cloud file you would like to embed.  
 
* Go to Sound Cloud go to page of the Sound Cloud file you would like to embed.  
 
* Click on the "share" button.  
 
* Click on the "share" button.  
 
* Click on "Embed."
 
* Click on "Embed."
 
* Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. )
 
* Copy the text that appears in the box below "Code and preview." (Do NOT check the "WordPress Code" box. )

Revision as of 20:24, 22 March 2016

Use "edit" to see the code.

Uploaded Files

Pictures can be embedded using the standard MediaWiki syntax:
Hands-on.jpg

Most media files can use Html5Media player. This is an uploaded mp3 file.
<html5media>File:Gigue-Leonarda.mp3</html5media>

However, it is recommended that longer 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. This mp3 file is streamed from www.matthewgoodheart.com:
<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 page, contact the administrator, and we may be able to upload it to the Evolving Door Music vimeo channel


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:

  • 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. )