打造一个好看的音乐播放器
在网页中嵌入一个好看的音乐播放器可以为用户提供更好的音乐体验。以下是一个示例音乐播放器的基本代码,你可以根据自己的需要进行定制和美化。
```html
/* 在这里添加CSS样式来美化你的音乐播放器 */
body {
fontfamily: Arial, sansserif;
textalign: center;
}
.musicplayer {
margin: 20px;
}
audio {
width: 300px;
margin: 20px;
}
.controls {
display: flex;
justifycontent: center;
alignitems: center;
}
button {
backgroundcolor: 4CAF50;
border: none;
color: white;
padding: 15px 32px;
textalign: center;
textdecoration: none;
display: inlineblock;
fontsize: 16px;
margin: 4px 2px;
cursor: pointer;
borderradius: 8px;
}
Your browser does not support the audio element.
function playMusic() {
let music = document.querySelector('audio');
music.play();
}
function pauseMusic() {
let music = document.querySelector('audio');
music.pause();
}