Discussion :

[loiseau.funambule]

bonjour à tous,
quelqu'un pourrait il me guider, j'essaye de faire évoluer ce script dans le sens ou j'aimerai avoir un simple bouton NEXT qui lit des chansons, mais en boucle.
c'est à dire lecture des sons 1, 2, 3, puis 1, 2, 3...
je débute, c'est pas facile, merci !
philipe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<script type="text/javascript">
    function loadPlayer() {
        var audioPlayer = new Audio();
        document.getElementById("player").appendChild(audioPlayer);
        nextSong();
    }
    function nextSong() {
        if(urls[next]!=undefined) {
            var audioPlayer = document.getElementsByTagName('audio')[0];
            if(audioPlayer!=undefined) {
                audioPlayer.src=urls[next];
                audioPlayer.load();
                audioPlayer.play();
                next++;
            } else {
                loadPlayer();
            }
        } 
    }
    function stopSong() {
        var audioPlayer = document.getElementsByTagName('audio')[0];
  audioPlayer.pause();
    }
    var urls = new Array();
    urls[0] = 'http://www....01.mp3';
    urls[1] = 'http://www....02.mp3';
    urls[2] = 'http://www....03.mp3';
    var next = 0;
</script>
<div id="player"></div>
<a href="#" onclick="nextSong()">NEXT</a>
<a href="#" onclick="stopSong()">STOP</a>

[Invité]

salut,

pour tourner en boucle 0,1,2, tu n'as qu'à considérer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

next = next %3

qui t'assure de jamais atteindre 3...

parenthèse à part

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

    var urls = new Array();

1 : le new n'est pas nécessaire pour Array
2 : il n'est pas non plus nécessaire de déclarer Array si tu ne lui donnes pas de taille, idem

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var urls = []

3 : tu peux directement construire ton tableau

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
var urls = [
  'http://www....01.mp3',
  'http://www....01.mp3',
  'http://www....01.mp3'
];

[loiseau.funambule]

Merci beaucoup,
Par contre je n'arrive pas à trouver ou placer next = next %3 dans le script,
De la même manière si j'enlève Array, et que je réécris les URL de cette façon, je n'ai plus de son du tout.
Philippe

[SylvainPV]

Remplace la ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

next++

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

next = (next+1) % urls.length

donne-nous le code complet retouché, tu as dû te tromper dans la déclaration littérale de la liste d'URL.

[loiseau.funambule]

voici le code retouché :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function loadPlayer() {
    var audioPlayer = new Audio();
    document.getElementById("player").appendChild(audioPlayer);
    nextSong();
}
function nextSong() {
    if(urls[next]!=undefined) {
        var audioPlayer = document.getElementsByTagName('audio')[0];
        if(audioPlayer!=undefined) {
            audioPlayer.src=urls[next];
            audioPlayer.load();
            audioPlayer.play();
            next = (next+1) % urls.length;
        } else {
            loadPlayer();
        }
    } 
}
function stopSong() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    audioPlayer.pause();
}
var urls = [
  'http://www....01.mp3',
  'http://www....02.mp3',
  'http://www....03.mp3'
];

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="player"></div>
<a href="#" onclick="nextSong()">NEXT</a>
<a href="#" onclick="stopSong()">STOP</a>

[SylvainPV]

Il semble que la dernière ligne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var next =0;

soit passée à la trappe