https://www.redmine.org/
https://www.redmine.org/favicon.ico?1679302129
2016-02-25T15:06:39Z
Redmine
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=69437
2016-02-25T15:06:39Z
Toshi MARUYAMA
<ul><li><strong>Description</strong> updated (<a title="View differences" href="/journals/69437/diff?detail_id=53833">diff</a>)</li></ul>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=69438
2016-02-25T15:11:26Z
Toshi MARUYAMA
<ul><li><strong>Description</strong> updated (<a title="View differences" href="/journals/69438/diff?detail_id=53834">diff</a>)</li></ul>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=76473
2017-02-03T16:34:15Z
diamond2nv GitHub
<ul><li><strong>File</strong> <a href="/attachments/17644">application.zip</a> <a class="icon-only icon-download" title="Download" href="/attachments/download/17644/application.zip">application.zip</a> added</li></ul><blockquote>
<p>Thank for Toshi MARUYAMA having added a simple line on bottom of application.js to create a HTML5 control if the attachment is an mp3.</p>
</blockquote>
<p>Add little change for both <video>(.mp4) and <audio>(.mp3) support, just refresh your browser and see after the new js!</p>
<pre><code class="js syntaxhl">
<span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
<span class="nx">$</span><span class="p">(</span><span class="dl">"</span><span class="s2">.attachments p:has(a[href$='.mp3'])</span><span class="dl">"</span><span class="p">).</span><span class="nx">after</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="dl">"</span><span class="s2"><audio controls><source src=</span><span class="se">\"</span><span class="dl">"</span> <span class="o">+</span>
<span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="dl">"</span><span class="s2"> a[href$='.mp3'] </span><span class="dl">"</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="dl">"</span><span class="s2">href</span><span class="dl">"</span><span class="p">)</span><span class="o">+</span><span class="dl">"</span><span class="se">\"</span><span class="s2"> type=</span><span class="se">\"</span><span class="s2">audio/mp3</span><span class="se">\"</span><span class="s2"></audio></span><span class="dl">"</span>
<span class="p">});</span>
<span class="p">});</span>
<span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">ready</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span>
<span class="nx">$</span><span class="p">(</span><span class="dl">"</span><span class="s2">.attachments p:has(a[href$='.mp4'])</span><span class="dl">"</span><span class="p">).</span><span class="nx">after</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span>
<span class="k">return</span> <span class="dl">"</span><span class="s2"><video width=</span><span class="se">\"</span><span class="s2">600</span><span class="se">\"</span><span class="s2"> height=</span><span class="se">\"</span><span class="s2">400</span><span class="se">\"</span><span class="s2"> controls><source src=</span><span class="se">\"</span><span class="dl">"</span> <span class="o">+</span>
<span class="nx">$</span><span class="p">(</span><span class="k">this</span><span class="p">).</span><span class="nx">find</span><span class="p">(</span><span class="dl">"</span><span class="s2"> a[href$='.mp4'] </span><span class="dl">"</span><span class="p">).</span><span class="nx">attr</span><span class="p">(</span><span class="dl">"</span><span class="s2">href</span><span class="dl">"</span><span class="p">)</span><span class="o">+</span><span class="dl">"</span><span class="se">\"</span><span class="s2"> type=</span><span class="se">\"</span><span class="s2">video/mp4</span><span class="se">\"</span><span class="s2"></video></span><span class="dl">"</span>
<span class="p">});</span>
<span class="p">});</span>
</code></pre>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=76547
2017-02-08T09:26:37Z
diamond2nv GitHub
<ul></ul><blockquote>
<p>return "<video width=\"600\" height=\"400\" controls><source src=\"" +</p>
</blockquote>
<p>640*360?</p>
<p>Not fit for android browser</p>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=77100
2017-03-05T02:27:32Z
Toshi MARUYAMA
<ul><li><strong>Related to</strong> <i><a class="issue tracker-2 status-5 priority-4 priority-default closed" href="/issues/10138">Feature #10138</a>: Video Player</i> added</li></ul>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=82187
2017-11-21T00:13:15Z
Go MAEDA
<ul><li><strong>Related to</strong> <i><a class="issue tracker-3 status-5 priority-4 priority-default closed" href="/issues/27336">Patch #27336</a>: Render previews for audio and video files</i> added</li></ul>
Redmine - Patch #22112: add html5 audio controls if attachment is mp3
https://www.redmine.org/issues/22112?journal_id=87909
2018-10-08T12:12:28Z
Go MAEDA
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>Closed</i></li></ul><p>The upcoming Redmine 4.0 will have audio/video control on the preview page. Please refer to <a class="issue tracker-3 status-5 priority-4 priority-default closed" title="Patch: Render previews for audio and video files (Closed)" href="https://www.redmine.org/issues/27336">#27336</a> for details.</p>