Ueditor上传本地音频MP3

warnerwu 发布于2019-08-20 18:19 / 930人阅读

摘要：遇到一个项目，客户要求能在编辑框中上传录音文件。用的是编辑器，但是却不支持本地上传并使用标签播放，只能搜索在线，实在有点不方便。

遇到一个项目，客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器，但是却不支持本地MP3上传并使用audio标签播放，只能搜索在线MP3，实在有点不方便。这里说一下怎么修改，主要还是利用原来的【插入视频】的功能：

步骤一：
上传视频的时候判断格式，如果是音频格式的话则调用原来music的处理方法
需要修改文件：dialogsvideovideo.js
位置在于：查找“function insertUpload”，314左右开始修改

if (count) {
     $(".info", "#queueList").html("" + "还有2个未上传文件".replace(/[d]/, count) + "");
            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 ?
                ""
            :
            "

这样就可以在原来插入视频的地方上传音频文件，并且自动判断格式选择正确的标签显示了

云服务器 GPU云服务器播放本地音频上传音频 webrtc关闭本地音频 webrtc播放本地音频

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84359.html

Ueditor上传本地音频MP3

摘要：遇到一个项目，客户要求能在编辑框中上传录音文件。用的是编辑器，但是却不支持本地上传并使用标签播放，只能搜索在线，实在有点不方便。遇到一个项目，客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器，但是却不支持本地MP3上传并使用audio标签播放，只能搜索在线MP3，实在有点不方便。这里说一下怎么修改，主要还是利用原来的【插入视频】的功能：步骤一：上传视频的时候判断格式，...

Vicky 2019-06-27 17:10 评论0 收藏0
Ueditor上传本地音频MP3

摘要：遇到一个项目，客户要求能在编辑框中上传录音文件。用的是编辑器，但是却不支持本地上传并使用标签播放，只能搜索在线，实在有点不方便。遇到一个项目，客户要求能在编辑框中上传录音文件。用的是Ueditor编辑器，但是却不支持本地MP3上传并使用audio标签播放，只能搜索在线MP3，实在有点不方便。这里说一下怎么修改，主要还是利用原来的【插入视频】的功能：步骤一：上传视频的时候判断格式，...

ZweiZhao 2019-08-01 17:15 评论0 收藏0
Python实操之各种音频文件格式免费转换

　　Pydub是1个根据ffmpeg的Python数字音频处理控制模块，封装形式了很多ffmpeg最底层插口，因而用这个方法做歌曲格式转化会十分方便。今日为大家介绍它歌曲格式转化作用，基本上适用所有歌曲音频文件格式，所需要的可以了解一下　　Pydub是1个根据ffmpeg的Python数字音频处理控制模块，封装形式了很多ffmpeg最底层插口，因而用这个方法做歌曲格式转化会十分方便，假如你阅读文章...

89542767 2023-01-02 21:26 评论0 收藏0
红点王宇航：以实时连接场景为目标的一些技术架构探索

摘要：文红点联合创始人王宇航我今天分享的主题，是以实时连接场景为目标的一些技术架构探索。主要是关于红点在产品研发过程中，我们的技术选择，架构变化，还有这个过程中，我们的一些考虑。红点的第一个版本红点的第一个版本功能比较简单。 showImg(https://segmentfault.com/img/bVrBAw); 文 | 红点联合创始人王宇航我今天分享的主题，是以实时连接场景为目标的一...

voyagelab 2019-07-25 13:35 评论0 收藏0