Home

Awesome

mPlayer2

声明

本插件仅供个人学习研究使用，请勿作为各种商业用户，音乐版权归各音乐平台所有。

A web music player based on VUE and IndexedDB

mPlayer2是基于mPlayer全新升级版的web端音乐播放器，在mPlayer的基础上代码全部重构，重新规划了界面布局，前端采用VUE+IndexedDB，增加了歌曲收藏列表和在线搜索功能，歌词显示以独立界面显示，保留并兼容mPlayer的全局调用接口，可实现web端独立的音乐播放器功能和页面歌曲播放功能；后端全部切换到 Meting，升级更加快捷方便，是一款全功能的web端音乐播放器。

演示地址

演示地址

界面预览

列表界面

播放界面

歌词界面

使用方法

<html>
 <head>
   <meta charset="UTF-8">
   <link rel=stylesheet type=text/css href="https://dodododooo.com/mplayer2/remote/css/app-mplayer.css"></link>
 </head>
 <body>
   <script type=text/javascript src=https://dodododooo.com/mplayer2/remote/js/app-mplayer.js></script>
 </body>
</html>

方法调用

pl.addTo($.parseJSON(songObject),isPlay) //添加歌曲到列表
// 参数1： songObject = {songId: 1773698125, songTitle: "定西", artist: "李志", urlId: 1773698125, album: "1701", lyricId: 1773698125, songImg: 1773698125, source: 'xiami'}
// 参数2： isPlay //true 添加并播放，false 添加到列表


2021-09-11 更新  
新增页面音乐卡片
  使用方法： 
    1，音乐列表右键复制音乐信息, 得到音乐信息，如：XXXXX 
    2，在页面中插入页面卡片 <div class="m-mplayer-music" data-music="XXXXX"></div>
删除百度虾米音源，删除推荐歌曲列表
LastFM 更新为每5分钟更新一次

浏览器支持

支持 Chrome、firefox、Edge 等现代浏览器，IE浏览器下背景图片滤镜功能未作兼容。

LastFM scrobble

记录歌曲播放记录到LastFM, 每5分钟同步一次

查看地址： https://www.last.fm/zh/user/dodododooo

链接

Meting：全功能平台音乐 API PHP框架 https://github.com/metowolf/Meting

VUE：渐进式JavaScript MVVM框架 https://cn.vuejs.org/v2/guide/

dodododooo：个人博客 http://dodododooo.com

其他

本软件采用MIT开源协议，可随意更改和非商业用途的使用，音乐版权归各音乐公司所有，使用或转载时 请务必保留出处。