Difference between revisions of "Embed Audio - WordPress"

From Help Wiki
m
m (subst applied to Template:TwoColumn)
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
__NOTOC__
+
 
−
<div class="row-fluid"><div class="span8 ">
+
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-md-8">
 
<div class="lead">
 
<div class="lead">
−
[[Image:Blue-l.png|left|75px]] Using WordPress plugins it's easy to embed audio files into your site.
+
Embed audio files into your WordPress site
 
</div>
 
</div>
−
<div class="gradientshadow"></div>
 
−
===If you host your file at Evergreen?===
 
−
Simply use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.
 
  
−
====Using Haiku====
+
===If you host your file on your site===
−
'''[http://wordpress.org/extend/plugins/haiku-minimalist-audio-player/ Haiku]''' a minimalist audio player and perfect if all you will be hosting is mp3s and you don't want to fuss around with complicated short code.
+
(great for shorter recordings and .mp3)
−
Once you've activated the plugin:
+
#Make sure your audio file is in the .mp3 file format
−
*Use the shortcode to play an audio file.
+
#Use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.
−
<pre>[haiku url="http://example.com/file.mp3" oga="http://example.com/file.ogg" title="Title of audio file"]</pre>
+
−
* Use the full URL of the audio file unless you've set a default file location in the settings page.
+
−
*The title field is recommended for search engine and accessibility purposes.
+
−
'''Settings options'''
+
−
*The player includes the ability to automatically turn all MP3 links into an audio player instance. Simply check the "Replace all mp3 links" checkbox on the settings.
+
  
−
===Host your audio offsite at SoundCloud===
+
===Host your audio offsite at SoundCloud ===
−
'''[[Soundcloud - WordPress |SoundCloud]]''' Embed an audio file using [http://soundcloud.com/ SoundCloud].
+
(good for higher quality/larger files)
−
<!-- end span8 -->
+
*See the '''[[Soundcloud - WordPress |SoundCloud]]''' tutorial to embed an audio file using [http://soundcloud.com/ SoundCloud.com].
−
</div>
+
−
<div class="span4 gradientbox">
+
−
{{WordPress Help Sidebar}}
+
  
−
<!-- end span4-->
+
 
−
</div>
+
<!-- end col-md-8 -->
−
<!-- end row-fluid -->
+
 
</div>
 
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
  
  
 +
{{WordPress AddingImagesAndMedia Sidebar}}
  
  
−
[[category:Wordpress Tutorial]]
+
----
  
−
[[Category:Wordpress]]
+
{{WordPress DesigningYourSite Sidebar}}
 +
 
 +
 
 +
----
 +
 
 +
 
 +
{{WordPress Help Sidebar}}
 +
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[category: Wordpress]]
 +
[[Category:Wordpress Tutorial]]

Latest revision as of 16:01, 14 August 2017

Embed audio files into your WordPress site

If you host your file on your site

(great for shorter recordings and .mp3)

  1. Make sure your audio file is in the .mp3 file format
  2. Use the Add Media button when editing your post or page and upload your audio file and Insert into post. This will automatically create an embedded audio player with transport controls to play/pause your audio track.

Host your audio offsite at SoundCloud

(good for higher quality/larger files)


Blue-l.png

WordPress Tutorial


Adding Images and Media


Designing Your Site



Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Embed_Audio_-_WordPress&oldid=34972"

The Evergreen State College