本文介绍如何利用html5的audio标签和原生js制作一个基础的音乐播放器，包括播放、自动循环、上一首和下一首功能。代码注释详细，适合学习实践。
html5+原生js制作一个简易音乐播放器
最近学了html5的audio标签，然后就想着做一个音乐播放器。
下面是效果图
emmmmm有点丑陋，随着以后学的更多，之后会完善哒~
播放器实现的功能
- 点击播放
- 自动循环播放
- 上一首
- 下一首
下面是具体代码
注释写的很详细，大家可以复制之后体验~
歌我就随便选了三个，可以修改成自己喜欢的。
html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>播放器练习</title>
<link rel="stylesheet" type="text/css" href="vido.css">
<script type="text/javascript" src="vido2.js"></script>
</head>
<body>
<div id="container">
<div id="player">
<audio src="./music/孤身.mp3" controls autoplay id="aud"></audio>
<div id="buttons">
<button id="btpre">上一首</button>
<button id
最低0.47元/天 解锁文章
扫一扫
274
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
