我发现了几种使用 jQuery 提取博客提要的方法,但它们适用于文本博客而不是音频播客。我在学习 jQuery(自学)方面真的很挣扎。我还找到了解析为 XML 的方法,但我还没有找到解析 HTML5 的基于非 Flash 的播客播放器。将 mp3 添加到网页本身是多余的,超出了客户的技术专长。
它需要随着新播客的添加而动态更新,并且需要访问已在此提要上发布的每个播客。
请帮我。执行此操作的代码会是什么样子。或者是否有任何教程可以教我如何创建它。
我发现了几种使用 jQuery 提取博客提要的方法,但它们适用于文本博客而不是音频播客。我在学习 jQuery(自学)方面真的很挣扎。我还找到了解析为 XML 的方法,但我还没有找到解析 HTML5 的基于非 Flash 的播客播放器。将 mp3 添加到网页本身是多余的,超出了客户的技术专长。
它需要随着新播客的添加而动态更新,并且需要访问已在此提要上发布的每个播客。
请帮我。执行此操作的代码会是什么样子。或者是否有任何教程可以教我如何创建它。
你实际上并不需要 jQuery,但它使用它的内置 XML 解析器确实可以加快速度。
<audio>
标记使用几种不同的格式,具体取决于浏览器。为了实现交叉兼容性,您需要拥有所有 3 种格式才能使标签工作,但至少,您只需要 ogg 和 mp3。
对于播放列表,您可以为音频源提供一组 url。为此,您需要一个 3d 结构。
例如,一个 3d 数组对象结构:
var sources = [
{ //audio 1
'mp3':...,
'ogg':...,
'wav':...
},
{ //audio 2
'mp3':...,
'ogg':...,
'wav':...
},
...
];
由于 sources 是一个数组,您可以使用它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':...
});