H5端音乐播放器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>H5端音乐播放器</title>
<link rel="stylesheet" href="https://www.jq22.com/demo/music202403252256/css/style.css">
</head>
<body>
<div class="audio_main">
<div class="audio_title">
<div class="audio_bt">不是因为寂寞才想你- T.R.Y.</div>
<div class="audio_tag">T.R.Y</div>
</div>
<div class="audio_main_center">
<div class="audio_path">
<div class="audio_bg" id="animationBox">
<div class="audio_img"><img src="https://www.jq22.com/demo/music202403252256/images/t.png"></div>
</div>
</div>
<div class="audio_silder">
<div class="audio_info">
<div class="audio_info_title">不是因为寂寞才想你- T.R.Y.</div>
<div class="audio_info_tag">
<span>快乐</span>T.R.Y
</div>
</div>
<div class="silder audio-setbacks" id="progrees">
<div class="silder_color " id="audio-cache-setbacks"></div>
<div class="silder_box " id="audio-cache-box"></div>
</div>
<div class="silder_tiem">
<div class="time_left" id="audio-this-time">00:00</div>
<div class="time_right " id="audio-count-time">00:00</div>
</div>
<div class="audio_play">
<div class="item play_icon" id="playBtn"><span></span></div>
</div>
</div>
</div>
</div>
<div class="audio_flex">
<div class="audio_flex_left">
<div class="logo"></div>
<div class="infos_text">
<div class="bt">轻松音乐</div>
<div class="texts">愉快的心情从听音乐开始吧~</div>
</div>
</div>
<div class="audio_flex_right">
<a href="">去下载</a>
</div>
</div>
<audio src="https://www.jq22.com/demo/music202403252256/images/a1.mp3" id="audio" preload="none" autoplay></audio>
</body>
<script src="https://www.jq22.com/demo/music202403252256/js/audio.js"></script>
</html>
:(:(感谢分享 这个板子不错谢谢分享，支持牛牛论坛
页:
[1]