基本信息
源码名称：利用Jplayer实现HTML音频播放器
源码大小：15.18M
文件格式：.zip
开发语言：CSS
更新时间：2015-04-17
   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 4 元　
   源码介绍

Jplayer音频播放器 


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link type="text/css" href="/static/vendor/jplayer/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" />
</head>
<body>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
	<div class="jp-type-single">
		<div class="jp-gui jp-interface">
			<div class="jp-controls">
				<button class="jp-play" role="button" tabindex="0">play</button>
				<button class="jp-stop" role="button" tabindex="0">stop</button>
			</div>
			<div class="jp-progress">
				<div class="jp-seek-bar">
					<div class="jp-play-bar"></div>
				</div>
			</div>
			<div class="jp-volume-controls">
				<button class="jp-mute" role="button" tabindex="0">mute</button>
				<button class="jp-volume-max" role="button" tabindex="0">max volume</button>
				<div class="jp-volume-bar">
					<div class="jp-volume-bar-value"></div>
				</div>
			</div>
			<div class="jp-time-holder">
				<div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
				<div class="jp-duration" role="timer" aria-label="duration">&nbsp;</div>
				<div class="jp-toggles">
					<button class="jp-repeat" role="button" tabindex="0">repeat</button>
				</div>
			</div>
		</div>
		<div class="jp-details">
			<div class="jp-title" aria-label="title">&nbsp;</div>
		</div>
		<div class="jp-no-solution">
			<span>Flash 插件要求</span>
			播放音频需要最新版本Flash的支持，请下载并安装<a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="/static/commons/scripts/jquery.js"></script>
<script type="text/javascript" src="/static/vendor/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript">
    $(function(){
      $("#jquery_jplayer_1").jPlayer({
        ready: function () {
          $(this).jPlayer("setMedia", {
        	  title: "Bubble",
			  mp3: "http://jplayer.org/audio/mp3/Miaow-07-Bubble.mp3"
          });
        },
        cssSelectorAncestor: "#jp_container_1",
        swfPath: "/static/vendor/scripts/jplayer/",
        supplied: "mp3",
        wmode:"window"
      });
    });
</script>
</html>