Question

I have found several ways of pulling blog feeds with jQuery, however are for text blogs not an audio pod-cast. I am really struggling in learning jQuery (self taught). I have also found ways of parsing to XML but I haven’t found a Non flash based pod-cast player that parses HTML5. Adding the mp3’s to the web page itself is redundant and beyond the technical expertise of the client.

It needs to dynamically update as the new pod-casts are added and it needs to have access to every pod cast that has been posted on this feed.

Please help me. What would the code look like to do this. Or are there any tutorials to teach me how to create this.

Answer 1

You don’t need jQuery actually, but it does speed things up using it’s built-in XML parser.

<audio> tags use several different formats, depending on the browser. For cross-compatibility, you’d need to have all 3 formats to make make the tag work, but minimally, you’d need only ogg and mp3.

For a playlist, you can have an array of urls for your audio sources. For this, you’d need a 3d structure.

For example, a 3d array-object structure:

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

Since sources is an array, you can use array.push() to append a new item, or array.unshift() to prepend an item:

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

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