Javascript Socket.io Tocar som quando receber mensagem do servidor.

William Omar · 21 de outubro de 2022

Preciso que sempre que o cliente receba mensagem do servidor ele toque um som/alerta, tentei de varias maneiras mas até agora nada, preciso de um norte.

Cliente:

<!DOCTYPE html>
<html>
<head>
	<title>Chamado</title>
	<link rel="stylesheet" type="text/css" href="/css/host.css" />
</head>
<body>
  <h1>Chamado!</h1>

  <div id="menu">
    <label id="placeholder" ></label>
</div>
  <div id="chamadaAnterior">
    
  </div>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript" src="/socket.io/socket.io.js"></script>

	<script type="text/javascript">
		var socket = io.connect();
    
  socket.on("atualizar mensagens", function(mensagem){
  document.getElementById( "placeholder" ).innerHTML = mensagem;
  var elem = document.getElementById("placeholder");
  elem.style.color = "red";
    //Aqui Quando receber mensagem emitir um som/audio
});

socket.on("atualizar mensagens", function(mensagem){
  $( "#chamadaAnterior" ).append('<p>' + mensagem + '</p>');
  //Ou Aqui Quando receber mensagem emitir um som/audio
});
</script>
</body>
</html>

Servidor:

<!DOCTYPE html>
<html>
<head>
	<title>Chamado</title>
	<link rel="stylesheet" type="text/css" href="/css/salas.css" />
    <link href="app.js">
</head>
<body>
	<div id='menu'>
        <form id="enviaLocal">
            <h1>Bloco</h1>
			<input value="Bloco: 06||" type='text' id='txt_Bloco' name='txt_Bloco' /><br><br>
            <h1>Sala</h1>
            <input value="Sala: 26" type='text' id='txt_Sala' name='txt_Sala' /><br><br><br>
			<input type="submit" value="Enviar!">
		</form>
	</div>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript" src="/socket.io/socket.io.js"></script>
	<script type="text/javascript">
		var socket = io.connect();
        
        $("form#enviaLocal").submit(function(e){
            e.preventDefault();
                var value1 = document.getElementById('txt_Bloco').value;
                var value2 = document.getElementById('txt_Sala').value;
                var optionValue = value1 + " " + value2;
                socket.emit("enviar mensagem", optionValue);
});



	</script>
</body>
</html>

Consigo enviar mensagem, mas tocar o áudio já tentei subir no html do client e também tentei pelo servidor mas não sei se fiz corretamente, um apontamento por onde devo seguir aqui já está de bom tamanho

DiF · 21 de outubro de 2022

@William Omar Olá, não tenho intimidade com sockets nem node.js.... Mas eplo que vejo TALVEZ o problema seja no parâmetro que você está tentando passar... Tenta passar um parâmetro com apenas uma palavra, sem espaços.

socket.on("atualizarMensagens", function(mensagem){

e

socket.emit("enviarMensagem", optionValue);

Talvez também tenha que criar alguma função para pegar o audio e tocar... enfim

Tem um vídeo que mostra mais ou menos isso que talvez possa ser um norte para você

Entrar

Javascript Socket.io Tocar som quando receber mensagem do servidor.

Posts recomendados

William Omar

Link para o comentário

Compartilhar em outros sites

DiF

Link para o comentário

Compartilhar em outros sites

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos