come si fa 'sta cosa della playlist automatica degli mp3 che scarico gratis xD....
non mi frega del copyright...tanto è un sito Creative Commons! xD
ringrazio le vostre signorie e..
Printable View
come si fa 'sta cosa della playlist automatica degli mp3 che scarico gratis xD....
non mi frega del copyright...tanto è un sito Creative Commons! xD
ringrazio le vostre signorie e..
Mmh, come prima cosa bisognerebbe capire come avvi l'mp3, usi html puro oppure ti affidi a qualche player flash e/o player html5 scritti in js per la riproduzione dei media?
Perchè per creare una playlist la prima cosa è capire quando la prima canzone finisce e devi avviare quella successiva ;)
Già capire questo aiuta.
bye
Allora, attualmente sto seguendo questo esempio cercando di semplificarlo al massimo.
Sono arrivato a questo punto:
Esegue una canzone e ti dice quando ha finito. In initAudio devi mettere l'url del brano che vuoi ascoltare.Codice HTML:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function() {
var song;
window.setInterval(function() {
$('#actual').html(song.currentTime);
$('#total').html(song.duration);
if(song.duration == song.currentTime) {
alert("GO! Prossima canzone!");
}
}, 500);
function initAudio(url) {
song = new Audio(url);
song.play();
}
initAudio("test.mp3");
});
</script>
Actual: <span id='actual'></span> Total: <span id='total'></span>
Il prossimo passo sarebbe aggiungere un array con tutte le tracce audio che vuoi utilizzare e mano a mano che finisce ne esegue una alla volta.
Non finisco oggi che non ho tempo, se vuoi nel mentre inzia a sprovarti su come fare per ciò che ho detto sopra,
Byee
Ok, dovremmo esserci.
Il codice è molto semplice per una facile comprensione, non mi mangiate perchè "non ho fatto a classi" o simili, thanks. <.<
le variabili interessanti sono:Codice HTML:<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function() {
var songClass, controller;
var actualSong = 0;
var arraySong = new Array();
var loop = false;
arraySong[0] = "test.mp3";
arraySong[1] = "test2.mp3";
arraySong[2] = "test3.mp3";
arraySong[3] = "test4.mp3";
arraySong[4] = "test5.mp3";
controller = window.setInterval(function() {
$('#actual').html(song.currentTime);
$('#total').html(song.duration);
if(song.duration == song.currentTime) {
actualSong++;
if(actualSong > arraySong.length-1) {
if(loop == true) {
actualSong = 0;
initAudio(arraySong[0]);
} else {
alert("Playlist finita.");
clearInterval(controller);
}
} else {
actualSong++;
initAudio(arraySong[actualSong]);
}
}
}, 500);
function initAudio(url) {
song = new Audio(url);
song.play();
}
initAudio(arraySong[0]);
});
</script>
Actual: <span id='actual'></span> Total: <span id='total'></span>
Se setti a true ti loppa all'inifnitio ripetendo le tracce audio fino a che non chiudi la paginaCodice HTML:var loop = false;
Sopra invece l'array con la lista delle tracce che esegue sequenzialmente.Codice HTML:arraySong[0] = "test.mp3";
arraySong[1] = "test2.mp3";
arraySong[2] = "test3.mp3";
arraySong[3] = "test4.mp3";
arraySong[4] = "test5.mp3";
!
Una playlist semplice semplice! :P
Come è? quello che cercavi?
Ecco, io avrei solo fatto così:
var arraySong = ["Saab", "Volvo", "BMW"];
non va comunque:
arraySong[0] = "/src/audio/0.mp3";
arraySong[1] = "/src/audio/1.mp3";
arraySong[2] = "/src/audio/2.mp3";
arraySong[3] = "/src/audio/3.mp3";
arraySong[4] = "/src/audio/4.mp3";
arraySong[5] = "/src/audio/5.mp3";
arraySong[6] = "/src/audio/6.mp3";
arraySong[7] = "/src/audio/7.mp3";
nemmeno così:
arraySong[0] = "audio/0.mp3";
arraySong[1] = "audio/1.mp3";
arraySong[2] = "audio/2.mp3";
arraySong[3] = "audio/3.mp3";
arraySong[4] = "audio/4.mp3";
arraySong[5] = "audio/5.mp3";
arraySong[6] = "audio/6.mp3";
arraySong[7] = "audio/7.mp3";
Mmh, anche var arraySong = ["Saab", "Volvo", "BMW"]; è corretto. io ho testato con firefox e funziona.. tu con cosa lo stai provando?
Non credo dipenda dal browser ma non si sa mai.
Cmq i riferimenti devono essere esatti, e anche l'encoding del file.
Ho visto che hai messo una volta "src/audio/" e una volta solo "audio/" prova ad accedere direttamente al file mp3 con l'indirizzo che gli dai e vedere se risci ad arrivarci. (te lo dovrebbe aprire il borwser in autonomia).
Tipo se hai lo script su http://localhost/index.html e gli hai detto di andare sotto audio/4.mp3 prova ad andare diretto sotto http://localhost/audio/4.mp3 e vedere se ti scarica/visualizza il file. Se non telo scarica/visualizza allora hai sbagliato qualcosa dle riferimento.
in caso puoi postare la pagina dove fai il test?
Thanks. Bye!
Guardi, dottore....
iamobama.altervista.org/audio_gallery/fuck.php
http://spippetta.altervista.org/file...mg/blabla2.gif
il punto è che non va
I file audio non mi sembrano raggiungibili. Se avessi provato quello che ti ha scritto pxy, te ne saresti accorto.
Se poi mettessi anche dei nomi più appropriati alle cose e facessi un minimo più il serio, magari avresti anche risultati più soddisfacenti e più gente disposta ad aiutarti.
Ciao!
Il File 0.mp3 non esiste.
Hai numerato i file da 1 a 8 e non da 0 a 7, quindi al posto di
va inseritoCitazione:
arraySong[0] = "/src/audio/0.mp3";
arraySong[1] = "/src/audio/1.mp3";
arraySong[2] = "/src/audio/2.mp3";
arraySong[3] = "/src/audio/3.mp3";
arraySong[4] = "/src/audio/4.mp3";
arraySong[5] = "/src/audio/5.mp3";
arraySong[6] = "/src/audio/6.mp3";
arraySong[7] = "/src/audio/7.mp3";
Così dovrebbe andare! :DCitazione:
arraySong[0] = "/src/audio/1.mp3";
arraySong[1] = "/src/audio/2.mp3";
arraySong[2] = "/src/audio/3.mp3";
arraySong[3] = "/src/audio/4.mp3";
arraySong[4] = "/src/audio/5.mp3";
arraySong[5] = "/src/audio/6.mp3";
arraySong[6] = "/src/audio/7.mp3";
arraySong[7] = "/src/audio/8.mp3";
Feedback? Alla fine funziona? :wink:
caspita..funziona fighissimo.. http://spippetta.altervista.org/file.../img/furbo.gif
sei un mago del codice!
sfortunatamente non va da tablet! http://spippetta.altervista.org/file...ox-d45m6eq.gif
risultato:
iamobama.altervista.org/audio_gallery/
grazie!