Visualizzazione risultati 1 fino 11 di 11
Like Tree2Likes
  • 1 Post By alemoppo
  • 1 Post By

Discussione: indicazioni creazione playlist file audio [era qlkn ...]

  1. #1
    LeZip non è connesso Utente Bannato
    Data registrazione
    12-02-2015
    Messaggi
    66

    Predefinito indicazioni creazione playlist file audio [era qlkn ...]

    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..
    Ultima modifica di javascripter : 14-04-2015 alle ore 21.34.45 Motivo: pulizia

  2. #2
    Guest

    Predefinito

    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

  3. #3
    Guest

    Predefinito

    Allora, attualmente sto seguendo questo esempio cercando di semplificarlo al massimo.

    Sono arrivato a questo punto:

    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>
    Esegue una canzone e ti dice quando ha finito. In initAudio devi mettere l'url del brano che vuoi ascoltare.
    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

  4. #4
    Guest

    Predefinito

    Ok, dovremmo esserci.
    Il codice è molto semplice per una facile comprensione, non mi mangiate perchè "non ho fatto a classi" o simili, thanks. <.<

    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>
    le variabili interessanti sono:
    Codice HTML:
    var loop = false;
    Se setti a true ti loppa all'inifnitio ripetendo le tracce audio fino a che non chiudi la pagina

    Codice HTML:
    	arraySong[0] = "test.mp3";
    	arraySong[1] = "test2.mp3";
    	arraySong[2] = "test3.mp3";
    	arraySong[3] = "test4.mp3";
    	arraySong[4] = "test5.mp3";
    Sopra invece l'array con la lista delle tracce che esegue sequenzialmente.

    !
    Una playlist semplice semplice! :P
    Come è? quello che cercavi?

  5. #5
    LeZip non è connesso Utente Bannato
    Data registrazione
    12-02-2015
    Messaggi
    66

    Predefinito

    Citazione Originalmente inviato da pxy Visualizza messaggio
    [...]
    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";
    Ultima modifica di LeZip : 19-04-2015 alle ore 19.27.44

  6. #6
    Guest

    Predefinito

    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!

  7. #7
    LeZip non è connesso Utente Bannato
    Data registrazione
    12-02-2015
    Messaggi
    66

    Predefinito

    Citazione Originalmente inviato da pxy Visualizza messaggio
    [...]
    Guardi, dottore....

    iamobama.altervista.org/audio_gallery/fuck.php



    il punto è che non va

  8. #8
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,744

    Predefinito

    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!
    Ultima modifica di alemoppo : 20-04-2015 alle ore 22.10.15
    pxy likes this.

  9. #9
    Guest

    Predefinito

    Il File 0.mp3 non esiste.
    Hai numerato i file da 1 a 8 e non da 0 a 7, quindi al posto di

    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";
    va inserito

    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";
    Così dovrebbe andare! :D
    LeZip likes this.

  10. #10
    Guest

    Predefinito

    Feedback? Alla fine funziona?

  11. #11
    LeZip non è connesso Utente Bannato
    Data registrazione
    12-02-2015
    Messaggi
    66

    Predefinito

    Citazione Originalmente inviato da pxy Visualizza messaggio
    [...]
    caspita..funziona fighissimo..
    sei un mago del codice!

    sfortunatamente non va da tablet!

    risultato:
    iamobama.altervista.org/audio_gallery/

    grazie!
    Ultima modifica di LeZip : 24-04-2015 alle ore 16.17.27

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •