antes tenia funcionando un bloque con jplayer donde al hacer click en cierta clase tomaba los valores del atributo con jquery y agregaba una nueva canción a la playlist, el problema que cuando se recarga la pagina desaparece la playlist
bueno me puse a pensar que seria mejor almacenar los datos de las canciones en sessions, ($ _SESSION ["playlist"] ejem.)
cada valor de cada session tendría que tener algo como esto:
Código Javascript :
myPlaylist.setPlaylist([
{
title:"Cro Magnon Man",
artist:"The Stark Palace",
mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg",
poster: "http://www.jplayer.org/audio/poster/The_Stark_Palace_640x360.png"
},
{
title:"Hidden",
artist:"Miaow",
free: true,
mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3",
oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg",
poster: "http://www.jplayer.org/audio/poster/Miaow_640x360.png"
}
]);e incluso mas canciones, para hacerlo mas bonito leei que convirtiendo los valores a string json se pueden manejar mejor, ademas de que podria llamar la session en tiempo real con ajax en mi html
Código HTML :
<a class="add-music" data-title="Las Voces" data-artist="" href="audios/song-little.mp3">Add to List</a> <a class="download-music" href="audios/song-little.mp3">Download</a> <a class="add-music" data-title="Las Voces del Bosque" data-artist="" href="audios/song-little.mp3">Add to List</a> <a class="download-music" href="audios/song-middle.mp3">Download</a> <a class="add-music" data-title="Las Bosque" data-artist="" href="audios/song-little.mp3">Add to List</a> <a class="download-music" href="audios/song-big.mp3">Download</a>
y en mi js tengo algo como esto
Código Javascript :
$( document ).ready(function() {
$('.add-music').click(function() {
$.ajax({
'type':'POST',
'data':fuction() {
var songNew = JSON.stringify({
title: $(this).attr('data-title'),
artist: $(this).attr('data-artist'),
mp3: $(this).attr('href'),
});
});
datatype: 'json',
url: 'session.php',
async: true,
cache:false
});
});
});pues al final en session me gustaria tener algo como [titulo:cancion/url:link.mp3/poster:link.jpg,titulo:cancion2/url:link2.mp3/poster:link2.jpg,titulo:cancion3/url:link3.mp3/poster:link3.jpg]
en session.php pretendo recibir la string de json con una canción y agregarla a las demás canciones guardadas en session, a su vez el bloque que tengo con jplayer se recargue con el contenido de session
pues no si es json o serialize de javascript lo mas oportuno usar, tampoco soy un experto y la verdad que sumergirme en el mundo de javascript es muy emocionante pero me tiene un poco confundido
se agradece cualquier comentario, ayuda que me encamine a la solucion
