Discussion :

[flobber10]

Bonjour.

Sur mon projet actuel en Ajax, une ambiance sonore est générée comme ceci :

Code :

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

1
2
3
<audio src="music.mp3" id="music" autoplay="activate" loop="activate">
		Your browser does not support the audio element.
	</audio>

dans le footer et

Code :

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

1
2
3
4
5
6
7
8
9
10
11
//gestion de la musique
	$('#musicOff').click(function() {
		$('#music').get(0).pause();
		$(this).toggleClass('active');
		$('#musicOn').toggleClass('active');
	});
	$('#musicOn').click(function() {
		$('#music').get(0).play();
		$(this).toggleClass('active');
		$('#musicOff').toggleClass('active');
	});

dans le fichier de script en Javascript.

Sur l'une des pages, j'ai ajouté un player vidéo et j'ai fait en sorte que le son se coupe lors de la lecture de la vidéo et qu'il revienne une fois la vidéo sur pause ou terminée.
Or pour que le changement de son soit moins aggressif, il m'est demandé de couper le son du site et de le faire revenir en crescendo. Et je ne trouve aucune info sur le net...

Quelqu'un aurait-il une solution à me proposer ?

Merci d'avance.

[SpaceFrog]

en incrémentait une variable vol dans une boucle?

Code :

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

1
2
 
$('#music').get(0).volume=vol;

[flobber10]

quelque chose comme ça :

Code :

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

1
2
3
4
5
6
7
8
$('#musicOn').click(function() {
        //$('#music').get(0).play();
		$(this).toggleClass('active');
		$('#musicOff').toggleClass('active');
		for (i=0; i<=100; i++){
			$('#music').get(0).volume=i;
		};
    });

?

[SpaceFrog]

Code :

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

$('#music').delay(500*i).get(0).volume=i;

???
sinon avec un setInterval

[danielhagnoul]

Bonsoir

<audio id="music" src="Sérénad.mp3" controls="controls"></audio>.

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
// console.log($("#music")[0]);
 
var volMusicInterval = null,
	volIncrease = function(){
		var elem = $("#music")[0];
 
		if (elem.volume < 1){
			elem.volume = elem.volume + 0.20;
		} else {
			clearInterval(volMusicInterval);
		}
 
		// console.log(elem.volume);
	};
 
$("#music").click(function(){
	this.volume = 0.20;
 
	volMusicInterval = setInterval(volIncrease, 2000);
});

[flobber10]

Ah merci danielhagnoul, le bouton on avec le crescendo marche nickel
par contre j'ai essayé de suivre le même modèle pour le bouton off avec le decrescendo mais ça ne marche pas...
un indice pour me mettre sur la voie ?

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
//gestion de la musique
	var volMusicInterval = null,
	volIncrease = function(){
		var elem = $("#music")[0];
 
		if (elem.volume < 1){
			elem.volume = elem.volume + 0.20;
		} else {
			clearInterval(volMusicInterval);
		}
 
	};
	volDecrease = function(){
		var elem = $("#music")[0];
 
		if (elem.volume > 99){
			elem.volume = elem.volume - 0.20;
		} else {
			clearInterval(volMusicInterval);
		}
 
	};
	$("#musicOn").click(function(){
	$("#music")[0].volume = 0.20;
 
	volMusicInterval = setInterval(volIncrease, 2000);
	});
	$("#musicOff").click(function(){
	$("#music")[0].volume = 100;
 
	volMusicInterval = setInterval(volDecrease, 2000);
	});