有的时候需要在上传音乐的时候,就获取这个音乐的一些信息

 handleMusic(response, file, fileList){//上传音乐
            this.musicKey = response.key  //获取key
            this.shangchuan = fileList[0].url //获取本地的链接
            var musicname = fileList[0].name  //获取音乐名字
            var du =document.getElementById('up_audio')
            let that = this;
            du.oncanplaythrough = function(){
               var time = du.duration
               that.musciLength = Math.floor(time).toString()
            }
            let mu = musicname.substring(0,musicname.indexOf('.mp3'))  //截取.MP3前面的字符
            if(mu.length>=15){
                mu =  mu.substring(0,25)
            }
            this.musictitle =  mu
        },

在flieList里面就能有上传出来获得到的 url  也就是  (在这里我是用的element-ui里面的upload里面的事件函数)

var url = URL.createObjectURL(content);

这个方法得到的url,然后把url赋值给一个我们事先隐藏的  空的audio标签,找到这个标签,使用 oncanplaythrough方法播放,在这个方法里面外面就能得到 时长duration 

GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐