【绝代双骄】【连城诀】 ZT

谢谢美风的建议，我把这个连播秘籍（连城诀）稍作解释一下。这是网上看到的Last Rose Studios介绍html5的audio playlist。

秘籍分三部分：

1. 连城诀第一部分：欲练神功，Java不懂，也能成功。

这部分是css和Java Script code，你可以一字不差地copy。

<style type="text/css">#playlist,audio{background:#dddddd;width:400px;padding:20px;}.active a{color:#5DB0E6;text-decoration:none;}li a{color:#0000ff;background:#dddddd;padding:5px;display:block;}li a:hover{text-decoration:none;}</style><script type='text/javascript'>//<![CDATA[$(window).load(function(){var audio;var playlist;var tracks;var current;init();function init(){ current = 0; audio = $('audio'); playlist = $('#playlist'); tracks = playlist.find('li a'); len = tracks.length - 1; audio[0].volume = .10; playlist.find('a').click(function(e){ e.preventDefault(); link = $(this); current = link.parent().index(); run(link, audio[0]); }); audio[0].addEventListener('ended',function(e){ current++; if(current == len){ current = 0; link = playlist.find('a')[0]; }else{ link = playlist.find('a')[current]; } run($(link),audio[0]); });}function run(link, player){ player.src = link.attr('href'); par = link.parent(); par.addClass('active').siblings().removeClass('active'); audio[0].load(); audio[0].play();}});//]]> </script>

2. 连城诀第二部分：欲练神功，播放器居中。

这是播放器和第一首：只需要放第一首的链接。

<audio id="audio" preload="auto" tabindex="0" controls="" autoplay="true" ><source src="http://cdn.wenxuecity.com/upload/media/6b/89/7e/b81ffec97281LlWVrvps.mp3" /> Your brower does not support audio tag</audio>

 

3. 连城诀第三部分：欲练神功，链接、歌名填空。

这是列表：放上链接和歌名。

<ul id="playlist"> <li class="active"><a href="http://cdn.wenxuecity.com/upload/media/6b/89/7e/b81ffec97281LlWVrvps.mp3">粉红色的回忆 </a></li> <li><a href="http://upload.newmusicland.com/files/musicatt/1411703610.mp3">不再孤单-填词：海上云 后期：四影 </a> </li> <li><a href="http://cdn.wenxuecity.com/upload/media/64/27/06/10106f1a9397MCZcRJka.mp3">待我长发及腰 </a> </li> <li><a href="http://cdn.wenxuecity.com/upload/media/4f/95/5e/c0c2f9b60385w1vBcmCx.mp3">阡陌-后期：四影 </a></li></ul>

 

附上莺歌和飞渡的二十首歌，唱坛的天籁之声，交替播放，风姿卓越如兰菊更迭起舞（代舞），明媚耀眼似双星交互辉映。

【绝代双骄专辑】

莺
歌 灵
飞 云 停
渡 人 间 情
绝 纯 之 羽 翎
代 舞 兰 菊 婷 婷
双 星 灿 灿 照 玉 磬
骄 才 天 籁 众 人 儿 倾

 

（最近流行宝塔诗么？ ）

• 【Turn Me On】 by ingale
• 【Nine Million Bicycles】 by 飞渡
• 【爱你在心口难开】 by ingale
• 【I Only Want To Be With You】 by 飞渡
• 【梅兰梅兰我爱你】 by ingale
• 【采红菱】 by 飞渡
• 【美丽笨女人】 by ingale
• 【采槟榔】 by 飞渡
• 【我等到花儿也谢了】 by ingale
• 【青花瓷】 by 飞渡
• 【为你我受冷风吹】 by ingale
• 【未央】 by 飞渡 （偶然曲/海上云词）
• 【一个人跳舞】 by ingale
• 【重整河山待后生】 by 飞渡
• 【寂寞让我如此美丽】 by ingale
• 【血疑主题歌】 by 飞渡
• 【飘洋过海来看你】 by ingale
• 【我在人民广场吃炸鸡】 by 飞渡
• 【I Believe】 by ingale
• 【You Are So Vain】 by 飞渡