話不多說，直接先來看效果圖：

效果圖

功能特色：

1. 支持QQ音樂，網(wǎng)易云音樂歌單外鏈
2. 仿網(wǎng)易云歌單外鏈（包括功能）

使用方法：

1. 需要傳入的參數(shù)有三個依次是type，id，autoplay

2. 首先確定你要制作的歌單外鏈的平臺，暫時只支持QQ音樂，網(wǎng)易云音樂這兩個音樂平臺的歌單。如果是QQ音樂type取值tencent，網(wǎng)易云音樂取值netease。

3. 獲取你歌單的ID：

   • QQ音樂：

     1. 登錄網(wǎng)頁QQ音樂，選擇你需要制作外鏈的歌單，點擊分享，點擊復(fù)制鏈接：

        
        
        復(fù)制分享歌單鏈接

     2. 將復(fù)制好的鏈接粘貼到任何可以編輯的地方，然后將鏈接中的數(shù)字部分復(fù)制下來(這串?dāng)?shù)字就是你歌單的ID)：

        
        
        復(fù)制鏈接中的數(shù)字部分
   • 網(wǎng)易云音樂：

     1. 登錄網(wǎng)頁網(wǎng)易云音樂，點擊你創(chuàng)建的歌單：

        
        
        點擊網(wǎng)易云你創(chuàng)建的歌單

     2. 打開歌單之后，將瀏覽器上的地址中數(shù)字部分復(fù)制下來，這就是你網(wǎng)易云音樂歌單的ID（PS：雖然網(wǎng)易云音樂支持生成外鏈歌單，但是需要會員或者付費的歌曲在歌單里面整個歌單是無法生成外鏈的；不過本歌單外鏈工具可以）：

        
        
        獲取網(wǎng)易云歌單ID

4. 將以下代碼加到你的博客中，把type和id替換成你上面獲取的值，另外鏈接中true代表自動播放，false表示不自動播放。另外需要知道，Chrome和Safari會禁用自動播放屬性，設(shè)置成true可能也不會自動播放，在別的瀏覽器上可能可以：

   <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height=450 src="http://cyixlq.gitee.io/iframe/#/type/id/true"></iframe>
   

   例如：

   <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="100%" height=450 src="http://cyixlq.gitee.io/iframe/#/tencent/2947517062/true"></iframe>
   

致此，一個歌單外鏈就制作完成！