Electron+vue打造一个本地播放器(附项目代码)，大厂Offer拿到手软啊

这里的上一首下一首的功能是基于上面获取到的文件的绝对路径，通过node的path模块,path.dirname获取到文件的父级目录。

const dirPath = path.dirname(diskPath);

然后通过fs.readdir读取目录下所有文件，会返回一个文件名数组，找到该目录下正在播放的文件的下标，通过数组下标判断前一首和后一首歌曲的名称，然后再组装成绝对路径，读取资源播放

playFileList(diskPath, pos) {

let isInFiles;

let fileIndex;

let preIndex;

let nextIndex;

let fullPath;

let dirPath = path.dirname(diskPath);

let basename = path.basename(diskPath);

fs.readdir(dirPath, (err, files) => {

isInFiles = files.includes(basename);

if (isInFiles && pos === “pre”) {

fileIndex = files.indexOf(basename);

preIndex = fileIndex - 1;

fullPath = path.resolve(dirPath, files[preIndex]);

this.loadMusic(fullPath);

}

if (isInFiles && pos === “next”) {

fileIndex = files.indexOf(basename);

nextIndex = fileIndex + 1;

fullPath = path.resolve(dirPath, files[nextIndex]);

this.loadMusic(fullPath);

}

});

},

声音音量控制

音量控制需要通过监听input的键入事件，获取到range的值，然后通过设置样式background-image,动态计算百分比，然后调用wavesurfer的setVolume方法调节音量

:style=“backgroun