我不会设计音乐播放器界面！请指点下

发布网友发布时间：2022-04-22 17:32

共1个回答

热心网友时间：2023-07-23 05:43

网页设计与制作音乐播放界面需要在页面中插入HTML5的音频标签audio，即可播放音乐。

工具／原料：

华硕DN20

win10

浏览器1.026

1、先打开常用的网页设计的软件，然后新建一个网页文件。

2、进行一个简单的页面布局，让音乐播放器显示在网页的中间。并添加简单的样式。

#music_player{width:400px; height:150px;background:#ff9966;margin:200px auto;}

</style>

3、在浏览器中进程预览，看下位置是否合适。

4、利用HTML5的标签audio标签进行音乐播放器的设置。

</audio>

</div>

5、播放器设置好以后，我们在＜source src="歌曲地址＂＞插入歌曲的地址，就可以自动播放了。例如：

</audio>

6、在浏览者进行浏览，就可以发现点击播放后就响起音乐来了。