M-thplayer正式完工啦!

        

2017-04-02

M-thplayer

超级简单好看的浮窗音乐播放器,支持在线收听。

DEMO

github地址(有问题可留言)

M-thplayer完工啦!由于火狐浏览器不支持mp3格式audio音源,所以该插件赞不支持火狐浏览器。

ScreenShot

screenshot

screenshot

Usage

html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Thplayer</title>
<link href="css/thplayer.css" rel="stylesheet">
</head>
<body>
<div id="Thplayer"></div>
<script type="application/javascript" src="http://oct3pmpde.bkt.clouddn.com/jquery.js"></script>
<script type="application/javascript" src="js/thplayer.min.js"></script>
<script>
$("#Thplayer").thplayer({
title: "因为爱所以爱",
author: "谢霆锋",
cover: "http://p3.music.126.net/fmnoVwth7L4SojzwmYUkHw==/691592813882957.jpg",
music: "http://p2.music.126.net/hXWOiIMjCjSrkknWpqRX1w==/1200666697537999.mp3"
});
</script>
</body>
</html>

options

1
2
3
4
5
6
$("#Thplayer").thplayer({
title: "因为爱所以爱", //歌名
author: "谢霆锋",     //歌手
cover: "http://p3.music.126.net/fmnoVwth7L4SojzwmYUkHw==/691592813882957.jpg",  //封面url
music: "http://p2.music.126.net/hXWOiIMjCjSrkknWpqRX1w==/1200666697537999.mp3" //歌曲url
});

后续

  • add lylic

说明

  • 该项目仅供个人学习使用,,没有商业利益
  • 项目使用网易云音源。