【絕代雙驕】【連城訣】 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 飛渡