摘要: 添加播放状态,首先是歌曲名称和时间 在index.html中添加 然后调用audio自带的歌曲加载完毕事件函数和当前播放时间函数 再编辑渲染播放状态函数和播放时间更新函数 到这里播放状态功能就已实现,但需要注意的是audio自带的歌曲长度和当前播放长度是以秒为单位,需要通过一定的算法转换为分秒的形式 阅读全文
posted @ 2019-06-15 19:48 wtaufpziv 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 实现主页面的播放器功能 定义变量 将allTrack是赋值语句加入监听函数 给承接列表的总div设置一个点击事件 由于这里使用的事件冒泡,故需要判断当前点击的逻辑 编辑点击事件函数 往MusicDataStore的DataStore封装类中添加删除功能,封装类详情在前面的博客中 往main.js中添 阅读全文
posted @ 2019-06-15 18:51 wtaufpziv 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 主页面列表的渲染 首先是main.js页面发送列表信息给index.js 在createWindow函数中添加: 然后是每次添加音乐也要重新渲染 index.html页面的构建,这里使用了一个图标库 同时里面已经有一个div盒子 编辑index.js 阅读全文
posted @ 2019-06-15 13:11 wtaufpziv 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 这一节完善点击添加按钮,add.js发送消息给主进程,主进程缓存保留音乐信息并命令index.js页面进行渲染的整块逻辑 之前已经给导入音乐按钮添加了id为add-music,所以直接编辑ad.js 之后在main.js中添加ipc监听事件 阅读全文
posted @ 2019-06-15 12:38 wtaufpziv 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 封装存储音乐地址信息缓存的类 新建一个MusicDataStore.js,由于要给不同的音乐在存储时设置id,所以先引入uuid模块 之后编辑这个类 阅读全文
posted @ 2019-06-15 11:01 wtaufpziv 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 通过node设置本地缓存存取数据优化读取速度和保持数据持久化 首先在根目录下安装模块 使用方法很简单 缓存以config.json的形式存在硬盘中 阅读全文
posted @ 2019-06-15 10:28 wtaufpziv 阅读(247) 评论(0) 推荐(0) 编辑