如何让百度编辑器支持上传mp3格式等音频文件的方法

 其他知识   高蒙   阅读(8491)   评论(2)   2016-09-09 16:12:03    百度编辑器 mp3 音频文件 


百度编辑器算得上比较强大的了,可是偏偏有个功能不支持,那就是上传音频的功能。百度编辑器自带的mp3功能是直接在百度音乐里面搜索加进去的。可是这个不是我们想要的。我们需要能够上传自制的MP3音频格式的文件。有个这个需求,那就要想办法搞定。我比较懒遇到问题都是先百度,找不到我在仔细的研究解决他。很遗憾,百度,谷歌都没有找到我想要的答案。于是,没办法自己研究吧。功夫不负有心人,终于搞定了,那么怎么去解决百度ue编辑器上传mp3格式等音频文件的问题呢。请看下面解决方法。

分析:

其实百度编辑器的视频上传功能是可以上传mp3音频文件的,只是在加入到编辑器里面的时候,html结构不正确而已。所以,我们可以根据这个思路去找解决的方法。

解决方法:

开始之前,我已经默认大家都可以正常的使用百度ue编辑器了。

第一步:

在页面加载百度编辑器配置文件的时候,选择ueditor.all.js。压缩版的修改起来麻烦。修改完成之后,可以自行的添加到ueditor.all.min.js压缩版里。

第二步:

打开ueditor.all.js文件,大约在17644行,找到代码function creatInsertStr(url,width,height,id,align,classname,type){...},函数creatInsertStr()就是处理点击加入到编辑器里面的方法。

原代码如下:

function creatInsertStr(url,width,height,id,align,classname,type){
    //...省略其他代码  
    case 'video':
var ext = url.substr(url.lastIndexOf('.') + 1);
if(ext == 'ogv') ext = 'ogg';
str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
    ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
    '<source src="' + url + '" type="video/' + ext + '" /></video>';
break;
    }

图1.png

第三步:修改代码,将case 'video'里面代码修改为:

case 'video':
    var ext = url.substr(url.lastIndexOf('.') + 1);
    if(ext == 'ogv') ext = 'ogg';
    if(ext == 'mp3'){
        str = '<audio' + (id ? ' id="' + id + '"' : '') + ' class=" audio-js" ' + (align ? ' style="float:' + align + '"': '') +
            ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '">" /></audio>';
    }else{
        str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') +
            ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' +
            '<source src="' + url + '" type="video/' + ext + '" /></video>';
    }
    break;

图2.png

第四步:

按照上面代码,就可以实现上传音频了。效果如下:

图4.png图3.png图5.png

通过上面的步骤可以很轻松的解决了百度编辑器不能上传mp3音频文件的问题,虽然解决的方案不是很完美,但是可以满足要求。




相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客