超级简单好看的浮窗音乐播放器,支持在线收听。
<!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>
$("#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
- 以上仅供学习使用,不涉及任何商业用途。
- 项目使用网易云音源。
- 支持http和https协议,由于火狐浏览器不支持mp3格式的audio源,所以该插件目前不支持火狐浏览器