Boa noite galera meu primeiro post aqui no fórum e estou a procura de uma forma para estruturar meu "algorítimo" em javascript/jquery.
Lê o playlist.xml
Procura os dados dentro do xml
id = Identificação única
type = tipo do arquivo(video, imagem, html)
file = Arquivo
time = Tempo de duração
No caso de sucesso:
Pega todos os dados do xml e coloca-os em um array
Faz uma contagem de quantos item tem no xml
Executa um loop
Primeiro Item
Verifica o tipo do arquivo (type)
Adiciona o conteúdo no html
Executa durante o tempo determinado no (time)
Segundo Item
Verifica o tipo do arquivo (type)
Adiciona o conteúdo no html
Executa durante o tempo determinado no (time)
Terceiro Item
Verifica o tipo do arquivo (type)
Adiciona o conteúdo no html
Executa durante o tempo determinado no (time)
Ao chegar no último item executa um "refresh" na página e inicia novamente o ciclo
No caso de erro:
Mensagem de erro
A parte de listar do xml eu fiz da seguinte forma:
$(function(){
$.ajax({
url: 'assets/xml/playlist.xml',
dataType: 'xml',
success: function(xml){
$(xml).find('playlist').each(function(){
var items = [];
$(this).find('item').each(function(){
items.push([{
'id' : $(this).find('id').text(),
'file' : $(this).find('file').text(),
'type' : $(this).find('type').text(),
'time' : $(this).find('time').text()
}]);
});
//CONTINUAÇÃO DO CÓDIGO AQUI!
});
},
error: function(){
console.log("Ocorreu um erro durante o processamento.");
}
});
});
Tentei fazer de diversas formas diferente o resto do "algorítimo" porém sem sucesso, meu conhecimento em javascript/jquery são bem limitados então espero que os mais experientes possam me mostrar o caminho, desde já agradeço.