Ueditor上传当地音频MP3

2024年1月14日 301次阅读 来源: iamhungry2 
碰到一个项目，客户请求能在编辑框中上传灌音文件。用的是Ueditor编辑器，然则却不支撑当地MP3上传并运用audio标签播放，只能搜刮在线MP3，着实有点不方便。这里说一下怎样修正，重要照样应用本来的【插进去视频】的功用：

步骤一：
上传视频的时刻推断花样，假如是音频花样的话则挪用本来music的处置惩罚要领
须要修正文件：dialogsvideovideo.js
位置在于：查找“function insertUpload”，314摆布最先修正

if (count) {
     $('.info', '#queueList').html('<span style="color:red;">' + '另有2个未上传文件'.replace(/[\d]/, count) + '</span>');
            return false;
        } else {
            var is_music = 0;
            var ext = file.url.split('.').pop().toLowerCase() ;
            var music_type = ['mp3','wav'];
            for(var i in music_type){
                if(music_type[i]== ext){
                    is_music = 1;
                }
            }
            if (is_music) {
                editor.execCommand('music', {
                    url: uploadDir + file.url,
                    width: 400,
                    height: 95
                });
            } else {
                editor.execCommand('insertvideo', videoObjs, 'upload');
            }
        }

步骤二：
修正本来music插件返回的标签花样从embed改成audio，假如你援用的是ueditor.all.min.js则须要从新紧缩一次
须要修正文件：ueditor.all.js
查找位置：查找“UE.plugin.register(‘music’,”，23607摆布最先修正

function creatInsertStr(url,width,height,align,cssfloat,toEmbed){
        return  !toEmbed ?
                '<img ' +
                    (align && !cssfloat? 'align="' + align + '"' : '') +
                    (cssfloat ? 'style="float:' + cssfloat + '"' : '') +
                    ' width="'+ width +'" height="' + height + '" _url="'+url+'" class="edui-faked-music"' +
                    ' src="'+me.options.langPath+me.options.lang+'/images/music.png" />'
            :
            '<audio class="edui-faked-music" controls="controls" src="'+ url+'" width="'+width+'" height="'+height+'" '+(align&&!cssfloat?'align="'+align+'"':"")+(cssfloat?'style="float:'+cssfloat+'"':"")+'>';
            // '<embed type="application/x-shockwave-flash" class="edui-faked-music" pluginspage="http://www.macromedia.com/go/getflashplayer"' +
            //     ' src="' + url + '" width="' + width  + '" height="' + height  + '" '+ (align && !cssfloat? 'align="' + align + '"' : '') +
            //     (cssfloat ? 'style="float:' + cssfloat + '"' : '') +
            //     ' wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true" >';
    }

如许就能够在本来插进去视频的处所上传音频文件，而且自动推断花样挑选准确的标签显现了

    原文作者：iamhungry2
    原文地址: https://segmentfault.com/a/1190000010364068
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞