WebHost/Scripts/audioplay/index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>

<html lang="en">

<head>
	<meta charset="utf-8" />
	<title>Audio Player: Responsive and Touch-friendly demo by Osvaldas Valutis</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="description" content="Demo of Audio Player: Responsive and Touch-friendly" />
	<meta name="robots" content="all">
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<link rel="canonical" href="/examples/audio-player-responsive-and-touch-friendly">
	<link rel="icon" href="/theme/img/favicon.ico" />
	<link rel="stylesheet" href="css/_reset.css" />
	<link rel="stylesheet" href="css/main.css" />
	<link rel="stylesheet" href="css/css?family=Advent+Pro">
	<style>

		html
		{
			height: 100%;
		}
		body
		{
			min-height: 100%;
			font-family: 'Advent Pro', sans-serif;
			font-weight: 500;
			background-color: #c3d5d3;
			padding: 3.75em 1.875em; /* 60 30 */
		}
		strong
		{
			font-weight: 700;
		}
		#wrapper
		{
			width: 30em; /* 480 */
			height: 8.75em; /* 140 */
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -4.375em 0 0 -15em; /* 70 240 */
		}
		h1
		{
			font-family: 'Advent Pro', sans-serif;
			font-size: 1.688em; /* 27 */
			font-weight: 500;
			text-align: center;
			margin-bottom: 0.741em; /* 20 */
		}
			h1,
			h1 a,
			#copyright,
			#copyright a
			{
				color: #fff;
				text-shadow: 1px 1px 0 rgba( 0, 0, 0, .1 );
			}