Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript(带网页包)播放mp3文件?_Javascript_Audio_Webpack_Mp3_Webpack File Loader - Fatal编程技术网

如何使用javascript(带网页包)播放mp3文件?

如何使用javascript(带网页包)播放mp3文件?,javascript,audio,webpack,mp3,webpack-file-loader,Javascript,Audio,Webpack,Mp3,Webpack File Loader,我正在尝试创建一个音乐播放器,它可以简单地播放mp3文件 我不知道如何通过网页将mp3文件提供给音频元素构造器。我已经为网页中的mp3文件设置了一个文件加载器。向mp3文件提供相关url是行不通的,因为不尝试“导入”mp3文件并将其传递给构造函数也是行不通的 我似乎找不到音频元素的好文档,也找不到webpack应该如何处理音频文件的好文档 此页面的我的文件结构: homePage: { player.js, homePage.js, template.html,

我正在尝试创建一个音乐播放器,它可以简单地播放mp3文件

我不知道如何通过网页将mp3文件提供给音频元素构造器。我已经为网页中的mp3文件设置了一个文件加载器。向mp3文件提供相关url是行不通的,因为不尝试“导入”mp3文件并将其传递给构造函数也是行不通的

我似乎找不到音频元素的好文档,也找不到webpack应该如何处理音频文件的好文档

此页面的我的文件结构:

homePage: {
    player.js,
    homePage.js,
    template.html,
    intro.mp3}
在player.js中:

从'../../store'导入{dom,fn}
函数setupPlayer(){
//DOM操作(待办事项)
//1.将.paused类添加到dom.player
//拖动时,将seeking类添加到dom.home.player
//2.dom.bar{
如果(音频暂停){
音频播放
}否则{
audio.pause()
}
})
console.log(audio.src)
audio.addEventListener('play',e=>{
//删除暂停的类
h、 player.classList.remove('paused')
})
audio.addEventListener('pause',e=>{
//添加暂停的类
h、 player.classList.addEventListener('paused')
})
//dom.bar.addEventListener('click')
}
导出{setupPlayer}