首页html悬浮音乐播放器自动播放歌手名

html悬浮音乐播放器自动播放歌手名

时间: 2023-11-21 13:55:54 浏览: 127

根据提供的引用内容，可以看出APlayer是一个非常漂亮的HTML5音频播放器，它支持设置歌名、歌手和歌词，可以设置是否自动播放，支持缩略图，支持播放进度以及设置播放源。因此，可以使用APlayer来实现HTML悬浮音乐播放器自动播放歌手名的功能。以下是使用APlayer实现HTML悬浮音乐播放器自动播放歌手名的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>APlayer Demo</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> </head> <body> <div id="aplayer"></div> <script> const ap = new APlayer({ container: document.getElementById('aplayer'), autoplay: true, audio: [{ name: '歌曲名', artist: '歌手名', url: '歌曲链接', cover: '歌曲封面链接' }] }); </script> </body> </html> ``` 在上述代码中，我们使用了APlayer的库文件，并创建了一个APlayer实例。在实例中，我们设置了自动播放、歌曲名、歌手名、歌曲链接和歌曲封面链接等参数。因此，当页面加载完成后，音乐将自动播放，并且歌手名也会自动显示在播放器中。

阅读全文