Patch #22112
closed
add html5 audio controls if attachment is mp3
Added by nicola mondinelli over 8 years ago.
Updated about 6 years ago.
Description
I added a simple line on bottom of application.js to create a HTML5 control if the attachment is an mp3.
i share it with you.
$(document).ready(function(){
$(".attachments p:has(a[href$='.mp3'])").after(function () {
return "<audio controls><source src=\"" +
$(this).find(" a[href$='.mp3'] ").attr("href")+"\" type=\"audio/mpeg\"</audio>"
});
});
Files
- Description updated (diff)
- Description updated (diff)
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.
Add little change for both <video>(.mp4) and <audio>(.mp3) support, just refresh your browser and see after the new js!
$(document).ready(function(){
$(".attachments p:has(a[href$='.mp3'])").after(function () {
return "<audio controls><source src=\"" +
$(this).find(" a[href$='.mp3'] ").attr("href")+"\" type=\"audio/mp3\"</audio>"
});
});
$(document).ready(function(){
$(".attachments p:has(a[href$='.mp4'])").after(function () {
return "<video width=\"600\" height=\"400\" controls><source src=\"" +
$(this).find(" a[href$='.mp4'] ").attr("href")+"\" type=\"video/mp4\"</video>"
});
});
return "<video width=\"600\" height=\"400\" controls><source src=\"" +
640*360?
Not fit for android browser
- Related to Patch #27336: Render previews for audio and video files added
- Status changed from New to Closed
The upcoming Redmine 4.0 will have audio/video control on the preview page. Please refer to #27336 for details.
Also available in: Atom
PDF