淘宝客
当前位置:云良资源网 / 源码下载 / JS网页代码 / 正文

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

作者:云良资源网发布时间:2015-10-03 17:40浏览数量:183次评论数量:0次

p8RMjnN_png.png

调用虾米音乐网的歌曲的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>

免责声明: 本站提供的资源,都来自网络,版权争议与本站无关, 所有内容及软件的文章仅限用于学习和研究目的。 不得将上述内容用于商业或者非法用途, 否则,一切后果请用户自负,我们不保证内容的长久可用性, 通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。 如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。 侵删请致信E-mail:799549349@qq.com 云良辅助网-学习最新QQ技术-最优秀的QQ技术网_最专业的资源收集分享平台
End

云良资源网

云良资源网 主页 联系他吧

描述:专业提供QQ活动,QQ技术,QQ技巧,电脑技巧以及其他网络技术

到期2020年11月30日

欢迎 发表评论:

请填写验证码