<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Material design风格HTML5 audio音频播放器</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="resources/css/main.min.css">
<!--[if IE]>
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<article class="htmleaf-container">
<header class="htmleaf-header">
<h1>Material design风格HTML5 audio音频播放器 <span>An audio player made with javascript and jQuery. Material design look</span></h1>
<div class="htmleaf-links">
<a class="htmleaf-icon icon-htmleaf-home-outline" href="http://www.jb51.net/" title="脚本之家" target="_blank"><span> 脚本之家</span></a>
<a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="http://www.jb51.net/" title="返回下载页" target="_blank"><span> 返回下载页</span></a>
</div>
</header>
<div class='jAudio--player'>
<audio></audio>
<div class='jAudio--ui'>
<div class='jAudio--thumb'></div>
<div class='jAudio--status-bar'>
<div class='jAudio--details'></div>
<div class='jAudio--volume-bar'></div>
<div class='jAudio--progress-bar'>
<div class='jAudio--progress-bar-wrapper'>
<div class='jAudio--progress-bar-played'>
<span class='jAudio--progress-bar-pointer'></span>
</div>
</div>
</div>
<div class='jAudio--time'>
<span class='jAudio--time-elapsed'>00:00</span>
<span class='jAudio--time-total'>00:00</span>
</div>
</div>
</div>
<div class='jAudio--playlist'>
</div>
<div class='jAudio--controls'>
<ul>
<li><button class='btn' data-action='prev' id='btn-prev'><span></span></button></li>
<li><button class='btn' data-action='play' id='btn-play'><span></span></button></li>
<li><button class='btn' data-action='next' id='btn-next'><span></span></button></li>
</ul>
</div>
</div>
</article>
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
<script src='resources/js/jaudio.min.js'></script>
</body>
</html>
基于HTML5 audio的Material design风格音频播放器特效源码.zip
版权申诉
56 浏览量
2022-11-09
22:29:54
上传
评论
收藏 3.96MB ZIP 举报
基于HTML5 audio的Material design风格音频播放器特效源码.zip （26个子文件） 
132687008467474057 HTML5_audio css 
default.css 6KB normalize.css 2KB related 
2.jpg 23KB 1.jpg 32KB fonts icomoon.woff 1KB
icomoon.svg 2KB icomoon.eot 2KB icomoon.ttf 1KB
index.html 3KB resources css main.min.css 6KB main.css 7KB js jaudio.js 11KB jaudio.min.js 5KB thumbs 01.jpg 25KB 03.jpg 37KB 02.jpg 64KB sass _mixins.sass 567B _transitions.sass 568B _config.sass 109B _css-defaults.sass 249B _theme.sass 4KB main.sass 631B tracks 03.mp3 1.27MB 02.mp3 1.41MB 01.mp3 1.15MB js jquery-2.1.1.min.js 82KB资源评论
