You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
1.5 KiB
52 lines
1.5 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
|
<title>html音乐播放器</title> |
|
<meta name="keywords" content="HTML5,播放器" /> |
|
<meta name="description" content="" /> |
|
<link rel="stylesheet" href="APlayer.min.css"> |
|
<link rel="stylesheet" type="text/css" href="index.css"> |
|
</head> |
|
<body> |
|
<div id="header"> |
|
</div> |
|
<div id="main"> |
|
<div class="demo"> |
|
<p><strong>MY MUSIC</strong></p> |
|
<div id="player3" class="aplayer"> |
|
<pre class="aplayer-lrc-content"> |
|
[00:00.00]Jar Of Love |
|
[00:00.08]演唱：曲婉婷 |
|
[00:00.22] |
|
[00:01.00]Another sunrise, another sunset |
|
[00:05.10]Soon it'll all be yesterday |
|
[00:08.33]Another good day, another bad day, |
|
[00:12.77]What did you do today? |
|
[00:15.95]Why do we choose to chase what we'll lose? |
|
[00:19.77]What you want isn't what you have. |
|
[00:23.34]What you have may not be yours, to keep. |
|
[00:31.29]If I could find love, at a stop, in a park with open arms, |
|
</pre> |
|
</div> |
|
</div> |
|
</div> |
|
<script src="APlayer.min.js"></script> |
|
<script> |
|
var ap3 = new APlayer({ |
|
element: document.getElementById('player3'),//样式1 |
|
narrow: false, |
|
autoplay: false, |
|
showlrc: true, |
|
music: { |
|
title: 'Jar Of Love', |
|
author: '_Re-梦_', |
|
url: 'aa.mp3', |
|
pic: 'zz.jpg' |
|
} |
|
}); |
|
ap3.init(); |
|
</script> |
|
</body> |
|
</html> |