（新版）漂亮的音乐播放器调用虾米音乐网网页代码

零零资源网 JS网页代码 2015-10-03 17:40:00 388 0

调用虾米音乐网的歌曲的JS代码里面的那些是歌曲名字自己改的..那些ID 是虾米网的音乐ID

如何获取ID？访问虾米音乐网 http://www.xiami.com/ 搜索你要的歌曲搜索出来之后播放
http://www.xiami.com/play?ids=/song/playlist/id/2068460/object_name/default/object_id/0#loaded 像这首忘情水
就是我搜索出来点击立即播放的时候弹出来的播放页面大家可以看到明显的 ID后面的数字就是ID 只要ID对了就能播放歌曲出来

以下为全部代码：

<div id="wenkmPlayera">
<script type="text/javascript" src="http://www.cao888.cn/daima/yinle//jquery.js"></script>
--><script src="http://www.cao888.cn/daima/yinle//172.js"></script><script src="./bb/main(1).js"></script>
<link href="http://www.cao888.cn/daima/yinle//font-awesome.min.css" rel="stylesheet">

<script>var wenkmList=[{"song_album":"冷月资源网","song_list":[{"song_id":"1773945511","song_title":"回家的路"},{"song_id":"23862","song_title":"恭喜发财"},{"song_id":"23998","song_title":"一起走过的日子"},{"song_id":"2068460","song_title":"忘情水"},{"song_id":"375043","song_title":"今天"},{"song_id":"24387","song_title":"木鱼与金鱼"},{"song_id":"23877","song_title":"当我遇上你"}]}],musicApi = "",showLrc = true,random = false;</script>

<link rel="stylesheet" type="text/css" href="http://www.cao888.cn/daima/yinle//player.css">

<body>

<div id="wenkmPlayer" >
<div class="player " id="aio">
<div class="infos">
<div class="songstyle"><i class="fa fa-music"></i> <span class="song"></span></div>
<div class="timestyle"><i class="fa fa-clock-o"></i> <span class="time"></span></div>
<div class="artiststyle"><i class="fa fa-user"></i> <span class="artist"></span><span class="moshi"><i class="random fa fa-random current"></i> 随机播放</span></div>

<div class="artiststyle"><i class="fa fa-star"></i>
<span class="artista"></span><span class="geci"><i class="fa fa-check-circle"></i> Lrc歌词开启</span></div>
</div>
<div class="control">
<i class="loop fa fa-retweet" title="顺序播放"></i>
<i class="prev fa fa-backward" title="上一首"></i>
<div class="status">
<b>
<i class="play fa fa-play" title="播放"></i>
<i class="pause fa fa-pause" title="暂停"></i>
</b>
</div>
<i class="random fa fa-random current" title="随机播放"></i>
<i class="next fa fa-forward" title="下一首"></i>

</div>
<div class="bottom">
<div class="volume">
<i class="mute fa fa-volume-off"></i>
<i class="volumeup fa fa-volume-up"></i>
<div class="progress">
<div class="volume-on ts5">
<div class="drag" title="音量"></div>
</div>
</div>
</div>
<div class="switch-playlist">
<i class="fa fa-bars" title="播放列表"></i>
</div>
<div class="switch-ksclrc">
<i class="fa fa-power-off" title =""></i>
</div>
<div class="flat">
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
</div>

</div>
<div class="cover"></div>
</div>
<div class="playlist">
<div class="header"><i class="fa fa-music"></i></div>
<div class="list"></div>
</div>
<div class="flat">
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
<i class="fa fa-music"></i>
</div>
<div class="switch-player" id="aiaa">
<i class="fa fa-angle-right" style="margin-top: 18;"></i>
</div>
</div>

</div>
<div id="wenkmTips"></div>
<div id="wenkmLrc"></div>
<div id="wenkmKsc"></div>
<div class="myhk_pjax_loading_frame"></div>
<div class="myhk_pjax_loading"></div>
<script src="./a/mousewheel.js"></script><script src="http://www.cao888.cn/daima/yinle//scrollbar.js"></script><script src="http://www.cao888.cn/daima/yinle//player.js"></script>

本文链接：https://4km.cc/index.php/post/1830.html

免责声明：

本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
侵删请致信E-mail：[email protected]