如何使用javascript(带网页包)播放mp3文件?
我正在尝试创建一个音乐播放器,它可以简单地播放mp3文件 我不知道如何通过网页将mp3文件提供给音频元素构造器。我已经为网页中的mp3文件设置了一个文件加载器。向mp3文件提供相关url是行不通的,因为不尝试“导入”mp3文件并将其传递给构造函数也是行不通的 我似乎找不到音频元素的好文档,也找不到webpack应该如何处理音频文件的好文档 此页面的我的文件结构:如何使用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,
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}