JS特效第144弹：audio古典的胶片音乐播放器代码_audio+js制作古典胶片音乐播放器

作者：爱喝兽奶帝天荒 | 2024-07-23 18:01:53

踩

audio+js制作古典胶片音乐播放器

原生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古典的胶片音乐播放器代码

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/870960