2012-06-05 71 views
3

我發現了幾種使用jQuery提取博客提要的方法,但是對於文本博客而言,並非音頻Podcast。我在學習jQuery(自學)方面非常努力。我還找到了解析XML的方法,但是我還沒有找到解析HTML5的基於非Flash的播客播放器。將mp3添加到網頁本身是多餘的,超出了客戶的技術專長。Jquery是否可以將音頻Podcast Feed解析爲HTML5?

它需要動態更新,因爲添加了新的pod-casts,並且需要訪問此feed上發佈的每個pod轉換。

請幫幫我。代碼看起來像做什麼。還是有任何教程來教我如何創建這個。

回答

2

實際上你並不需要jQuery,但它使用它的內置XML解析器來加快速度。

<audio>標籤使用幾種不同的格式,具體取決於瀏覽器。爲了實現交叉兼容性,您需要使用全部3種格式才能使標籤正常工作,但最低限度,您只需要ogg和mp3。

對於播放列表,您可以爲您的音頻源設置一個url數組。爲此,你需要一個3d結構。

例如,3D陣列對象結構:

var sources = [ 
    { //audio 1 
     'mp3':..., 
     'ogg':..., 
     'wav':... 
    }, 
    { //audio 2 
     'mp3':..., 
     'ogg':..., 
     'wav':... 
    }, 
    ... 
]; 

由於源是一個數組,可以用array.push()追加一個新項目,或者array.unshift()前面加上一個項目:

//add to the end of the array 
sources.push({ 
    'mp3':..., 
    'ogg':..., 
    'wav':... 
}); 

//add to beginning of array 
sources.unshift({ 
    'mp3':..., 
    'ogg':..., 
    'wav':... 
}); 
+0

我如何獲得一個url來創建3個數組文件? – skids89

+0

@ skids89您只需要一個數組,每個項目包含3個URL,每個數據項指向不同的格式。這是在服務器端創建的。 – Joseph

+0

啊,明白了!每個新集可以動態添加新陣列嗎? – skids89