原生js基于audio属性制作简单的圆形胶片转动音乐播放器。这是一款古典唯美风格的胶片音乐播放代码,支持暂停,开始播放效果,先来看看效果:
一部分关键的代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="btns-bg">
<div class="PlayEy"></div>
<div class="Btn"></div>
<div class="Play">
<audio id="audios" src="http://music.163.com/song/media/outer/url?id=504924216.mp3"></audio>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
全部代码:audio古典的胶片音乐播放器代码