Executar som em JavaScript

[Landerson Almeida 2]

Queria saber como executar Som No Javascript Quando uma Janela do Meu Chat se Abrir --> Cód:

$(document).ready(function(){
var janelas = new Array();
var users = new Array();

	function add_janelas(id, nome){
		var html_add = '<div class="janela" id="jan_'+id+'"><div class="topo" id="'+id+'"><span>'+nome+'</span><a href="javascript:void(0);" id="fechar">X</a></div><div id="corpo"><div class="mensagens"><ul class="listar"></ul></div><input type="text" class="mensagem" id="'+id+'" maxlength="255" /></div></div>';
		$('#janelas').append(html_add);
	}
	
	function abrir_janelas(x){
		$('#contatos ul li a').each(function(){
			var link = $(this);
			var id = link.attr('id');
			
			if(id == x){
				link.click();
			}
		});
	}
	var antes = -1;
	var depois = 0;
	function verificar(){
		beforeSend: antes = depois;
		$('#contatos ul li a').each(function(){
			var id_u = $(this).attr('id');
			users.push(id_u);
		});
		var u_online = $('span.online').attr('id');
		users.push(u_online);

		$.post('sys/chat.php', {acao: 'verificar', ids: janelas, users: users}, function(x){
			
			if(x.nao_lidos != ''){
				var arr = x.nao_lidos;
				for(i in arr){
					abrir_janelas(arr[i]);
				}
			}
			
			if(janelas.length > 0){
				var mens = x.mensagens;
				if(mens != ''){
					for(i in mens){
						$('#jan_'+i+' ul.listar').html(mens[i]);
					}
				}
			}

			var users_onlines = x.useronoff;
			for(i in users_onlines){
				$('#contatos ul li span#'+i+'').removeClass('on off').addClass(users_onlines[i]);
			}

			depois += 1;
			
		}, 'jSON');
			
	}
	verificar();
	
	
	$('.janela').on('click', function(){
		var id = $(this).children('.topo').attr('id');
	});
	
	$('body').on('click', '.comecar', function(){
		var id = $(this).attr('id');
		var nome = $(this).attr('nome');
		janelas.push(id);
		for(var i = 0; i < janelas.length; i++){
			if(janelas[i] == undefined){
				janelas.splice(i, 1);
				i--;
			}
		}
		
		add_janelas(id, nome);
		$(this).removeClass('comecar');
		return false;
	});
	


	$('body').on('click', 'a#fechar', function(){
		var id = $(this).parent().attr('id');
		var parent = $(this).parent().parent().hide();
		$('#contatos a#'+id+'').addClass('comecar');

		var n = janelas.length;
		for(i = 0; i < n; i++){
			if(janelas[i] != undefined){
				if(janelas[i] == id){
					delete janelas[i];
				}
			}
		}
	$.post('sys/chat.php',{acao: 'mudar_status', user: id});
	});
	
	$('body').delegate('.topo', 'click', function(){
		var pai = $(this).parent();
		var isto = $(this);
		
		if(pai.children('#corpo').is(':hidden')){
			isto.removeClass('fixar');
			pai.children('#corpo').toggle(100);
		}else{
			isto.addClass('fixar');
			pai.children('#corpo').toggle(100);
		}
	});
	
	setInterval(function(){
		if(antes != depois){
			verificar();
		}
	}, 1000);
})

Obrigado!

[William Bruno 1501]

vc pode usar a tag audio do html5, e dar um play nela.

[Landerson Almeida 2]

Consegui achar o player mais como vou adaptar no meu codigo ?

[William Bruno 1501]

nos trechos em que vc quer que toque a música, vc dá play.

[Landerson Almeida 2]

Acei o PLayer em HTML 5 Mais nãos ei ocultar ele e adaptar no meu JS acima não consigo de jeito nenhum :/

[William Bruno 1501]

para ocultar apenas não coloque o atributo controls.

Mostre a sua tentativa de adaptar ao código acima.

[Landerson Almeida 2]

Queria adaptar isso:

<audio src="http://localhost/teste/modules/horse.ogg" autoplay></audio>

Neste arquivo aew em cima só que nao consegui pq nao sei nada sobre javascript

 

 

Alguem ajuda ? :(

 

Alguem ajuda! ?

[guiideandrade 0]

Landerson Almeida

 

Eu criei um exemplo aqui, mas dando play quando clica em um link, o que você vai ter que fazer é simples.

Adicione uma chamada para a função darPlay(); quando for abrir a janela.

 

<script>
function darPlay() {
var playAudio = document.getElementById("playAudio");
playAudio.play();
}
</script>
<audio id='playAudio'>
  <source src="horse.mp3" type="audio/mpeg">
  <source src="horse.ogg" type="audio/ogg">
  Your browser does not support this audio format.
</audio>
<a href='javascript:darPlay();'>Play</a>

Acho que é isso que queria saber, se não for, avisa aew