资讯专栏INFORMATION COLUMN

Ueditor上传本地音频MP3

Vicky / 1619人阅读

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

遇到一个项目,客户要求能在编辑框中上传录音文件。用的是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 ?
                ""
            :
            "

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

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

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

相关文章

  • Ueditor上传本地音频MP3

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

    warnerwu 评论0 收藏0
  • Ueditor上传本地音频MP3

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

    ZweiZhao 评论0 收藏0
  • Python实操之各种音频文件格式免费转换

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

    89542767 评论0 收藏0
  • 红点王宇航:以实时连接场景为目标的一些技术架构探索

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

    voyagelab 评论0 收藏0
  • 微信H5录音实现

    摘要:值得庆幸的是微信的提供了音频接口的支持,所以要在微信的页面中实现录音等功能,直接使用微信的即可,兼容性也是妥妥的。下面说说在微信中使用录音接口的具体实现和其中的一些坑。 HTML5原生是提供了音频录音的支持的,用到的是这个API--getUserMedia,然而……感人的是,iOS Safari & Safari 直接不支持,面对着庞大的水果系用户,这个方案显然行不通。值得庆幸的是微信...

    骞讳护 评论0 收藏0

发表评论

0条评论

Vicky

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<