【连城诀】【绝代双骄】

【连城诀：如何制作手机连播】

谢谢美风的建议，我把这个连播秘籍（连城诀）稍作解释一下。这是网上看到的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 autoplay="true" controls="" id="audio" preload="auto" tabindex="0"> <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"><strong><a href="http://cdn.wenxuecity.com/upload/media/6b/89/7e/b81ffec97281LlWVrvps.mp3">粉红色的回忆 </a> </strong></li> <li><strong><a href="http://upload.newmusicland.com/files/musicatt/1411703610.mp3">不再孤单-填词：海上云 后期：四影 </a> </strong></li> <li><strong><a href="http://cdn.wenxuecity.com/upload/media/64/27/06/10106f1a9397MCZcRJka.mp3">待我长发及腰 </a> </strong></li> <li><strong><a href="http://cdn.wenxuecity.com/upload/media/4f/95/5e/c0c2f9b60385w1vBcmCx.mp3">阡陌-后期：四影 </a> </strong></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 飞渡