mePlayer
一款简洁的HTML5音乐播放器。内置两套主题,可在运行时一键切换,点我在线预览
主题说明
默认主题
- 有歌词时滚动显示歌词,无歌词时显示模拟频谱动画
- 播放中鼠标悬停在界面上滑动滚轮可调节音量,音量大小用音量条表示
迷你主题
- 去掉了大部分控件,仅保留音量调节和播放暂停按钮
- 播放中鼠标悬停在界面上滑动滚轮可调节音量,音量大小用音量图标透明度表示
使用方法
- 引入
dist
文件夹中相关文件,或者npm install meplayer
- 初始化
;
- 运行中可使用
meplayer.play()
和meplayer.pause()
手动播放暂停 meplayer.toggleTheme()
可一键切换主题
致谢
- 制作过程中参考了 APlayer 的部分代码
- UI设计参考了 bottom-music-player