jfekendall

<p>Combines the awesome functionality of <a href="http://mediaelementjs.com/" rel="nofollow ugc">MediaElement.js HTML5 media player</a> and <a href='http://www.plupload.com/' rel="nofollow ugc">Plupload</a> to enable you or the authors of your site to upload mp3s of people reading the text of your blogs.</p>
<p>If you so choose, this plugin can also generate an audio podcast of your Monoblog content.</p>
<p>Check out <a href="http://ownthenarrative.com/post/sots--monoblog" rel="nofollow ugc">OwnTheNarrative.com</a> for more information and examples.</p>
<h3>Setup</h3>
<p>After activating, while still in the admin panel, go to Appearance->Widgets. Then click and drag the Monoblog widget to whatever sidebar/area you want. NOTE: The sidebar/widget area must be visible in your posts in order for this to work.</p>
<h3>Uploading</h3>
<ol>
<li>Record yourself reading your blog post and save it as an mp3. (Use Audacity or a similar program)</li>
<li>Navigate to your blog post in your browser</li>
<li>If you have at least author rights, you should see “Select Monoblog File”. Give that a click.</li>
<li>Select your mp3 file.</li>
<li>Click Upload</li>
</ol>


Monoblog

Monoblog is a widget plugin that allows recordings of you reading your blogs aloud for the seeing/reading impaired or for people on the go.

johndyer

<p>Video and audio plugin for WordPress built on the MediaElement.js HTML5 media player library. Provides Flash or Silverlight fallback players for non-HTML5 browsers. Supports iPhone, iPad, and Andriod.<br />
Supports MP4, OGG, WebM, WMV, MP3, WAV, WMA files as well as captions with WebSRT files.</p>
<p>Check out <a href="http://mediaelementjs.com/" rel="nofollow ugc">mediaElementjs.com</a> for more information and examples.</p>
<h3>Typical Usage for video</h3>
<pre><code>[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]
</code></pre>
<h3>Typical Usage for audio</h3>
<pre><code>[audio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h3>Shortcode Options</h3>
<h4>Alternatives</h4>
<p>If you have a plugin that conflicts with MediaElement.js, you can also use the short codes</p>
<pre><code>[mejsvideo src="http://mysite.com/mymedia.mp4" width="640" height="360"]
[mejsaudio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>src</h4>
<p>This location of any audio or video file</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4"]
</code></pre>
<p>You can also leave off the extention and MediaElement.js will look for all media files matching the filename (mymedia.mp4, mymedia.webm, etc.)</p>
<pre><code>[video src="http://mysite.com/mymedia"]
</code></pre>
<h4>type</h4>
<p>The media type of the resource</p>
<pre><code>[video src="http://mysite.com/mymedia?xyz" type="video/mp4"]
</code></pre>
<h4>mp4</h4>
<p>The location of the h.264/MP4 source for the video.</p>
<pre><code>[video mp4="http://mysite.com/mymedia.mp4"]
</code></pre>
<h4>mp3</h4>
<p>The location of an MP3 file for video</p>
<pre><code>[audio mp3="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>ogg</h4>
<p>The location of the Theora/Ogg source for the video.</p>
<pre><code>[video ogg="http://mysite.com/mymedia.ogg"]
</code></pre>
<h4>webm</h4>
<p>The location of the VP8/WebM source for the video.</p>
<pre><code>[video webm="http://mysite.com/mymedia.webm"]
</code></pre>
<h4>poster</h4>
<p>The location of the poster frame for the video.</p>
<pre><code>[video poster="http://mysite.com/mymedia.png"]
</code></pre>
<h4>width</h4>
<p>The width of the video</p>
<pre><code>[video width="640"]
</code></pre>
<h4>height</h4>
<p>The height of the video</p>
<pre><code>[video height="264"]
</code></pre>
<h4>loop</h4>
<p>Loops the video or audio when it ends</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" loop="true"]
</code></pre>
<h4>preload</h4>
<p>Start loading the video as soon as possible, before the user clicks play.</p>
<pre><code>[video preload="true"]
</code></pre>
<h4>autoplay</h4>
<p>Start playing the video as soon as it’s ready.</p>
<pre><code>[video autoplay="true"]
</code></pre>
<h4>fullscreen</h4>
<p>Disables the fullscreen button</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" fullscreen="false"]
</code></pre>
<h4>duration</h4>
<p>Disables the duration output</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" duration="false"]
</code></pre>
<h4>volume</h4>
<p>Disables the volume slider</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" volume="false"]
</code></pre>
<h4>progress</h4>
<p>Disables the progress bar</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" progress="false"]
</code></pre>
<h4>captions</h4>
<p>URL to a WebSRT captions file</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" captions="http://mysite.com/mymedia.srt"]
</code></pre>
<h4>Simple Video</h4>
<p>Basic playback options</p>
<pre><code>[video src="http://mysite.com/mymedia.mp4" width="640" height="360"]
</code></pre>
<h4>All Attributes Video</h4>
<p>All options enabled</p>
<pre><code>[video mp4="http://mysite.com/mymedia.mp4" ogg="http://mysite.com/mymedia.ogg" webm="http://mysite.com/mymedia.webm" poster="http://mysite.com/mymedia.png" preload="true" autoplay="true" width="640" height="264"]
</code></pre>
<h4>Simple Audio</h4>
<p>Basic playback options</p>
<pre><code>[audio src="http://mysite.com/mymedia.mp3"]
</code></pre>
<h4>All Attributes Audio</h4>
<p>All options enabled</p>
<pre><code>[audio mp3="http://mysite.com/mymedia.mp3" ogg="http://mysite.com/mymedia.ogg" preload="true" autoplay="true"]
</code></pre>
<h3>Use in a template</h3>
<p>You can use WordPress shortcodes in your templates using the do_shortcode function.</p>
<pre><code><?php echo do_shortcode('[video src="myvfile.mp4"]'); ?>
</code></pre>


MediaElement.js – HTML5 Video & Audio Player

MediaElement.js is an HTML5 video and audio player with Flash fallback and captions. Supports IE,…

Monoblog vs MediaElement.js – HTML5 Video & Audio Player