获取歌曲数据并将其放在分享按钮中

Question

<ul id="audio-player-playlist">    
<li class="playlist_item" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
<li class="playlist_item" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
<li class="playlist_item current" data-song_title="title" data-song_artwork="" data-song_file="http://example.com/mysong.mp3" data-song_artist="Artist"></li>
</ul>

这是我的音频播放器生成的列表。当我点击播放时，playlist_item_current 类被添加到正在播放的歌曲中。

问题是我希望用户能够分享正在播放的歌曲。如何获取当前歌曲的数据并将其放入我的分享按钮？

Answer 1

我怀疑你使用的音乐播放器是用 javascript 创建的，你可能已经在使用 jQuery，所以在这种情况下：

在 jQuery 中，您可以轻松地执行以下操作以从当前播放的歌曲中检索歌曲名称：

$('.playlist_item.current').data('song_title');

对于艺术家：

$('.playlist_item.current').data('song_artist');

这些函数将返回必要的数据。