#.player()插件使用
Description: 提供一个简单的音频播放器界面及相应的播放功能
##一、自定义选项
###autoplay - 初始播放器时,是否自动播放歌曲
-
type: Boolean
-
default: false
如果想自动播放,可以这样使用:
$("selector").player(listArr,{ autoplay: true })
##二、HTML结构
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/player.css">
<script src="scripts/jquery-1.9.1.min.js"></script>
<script src="scripts/player-plugin.js"></script>
</head>
<body>
<-- other contents -->
<audio id="ukulele" controls src=""></audio>
<-- other contents -->
<script>
jQuery(function($){
var listArray = [
{
title: "小手拉大手",
url: "audio/小手拉大手",
time: 18
},{
title: "张悬-宝贝",
url: "audio/宝贝前奏",
time: 17
}];
$("#ukulele").player(listArray);
});
</script>
</body>
</html>
使用这个插件时,只能实例化一个audio
元素,提供id
即可,然后引入3个文件:
-
player.css
: 定制播放器界面的样式 -
jquery.js
: jquery官方版本库,1.7版本以上 -
player-plugin.js
: 要用的player插件
此外,必须提供一个歌曲列表数组,如上所示,
[{
title: 歌曲的名称 (可选),
url: 歌曲的存放路径(必须),
time: 播放时长(可选)
}]
**注意:**同一个页面内只能实例化一个audio