Explication détaillée de la façon d'implémenter des effets sonores d'alarme à l'aide de JavaScript-js tutoriel-php.cn

Explication détaillée de la façon d'implémenter des effets sonores d'alarme à l'aide de JavaScript

小云云

Libérer： 2018-01-20 10:37:54

original

4594 Les gens l'ont consulté

Cet article partage principalement avec vous un morceau de code basé sur JavaScript pour implémenter l'effet sonore d'alarme. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Prototype :

Exigences du projet :

Après avoir reçu l'alarme, le serveur transmettra le message à la réception (via le front-end L'effet des invites de message en temps réel - interrogation longue de websocket), après avoir reçu le message, la réception doit émettre une alarme sonore pour le rappeler à l'utilisateur.

Principe :

C'est très simple. Vous pouvez utiliser la balise

Extrait de code :

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<audio autoplay="autoplay" id="auto" src=""></audio>
<input type="button" value="点击播放" onclick="playSound(&#39;http://data.huiyi8.com/2017/gha/03/17/1702.mp3&#39;)">
</body>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script>
 $(function(){
 function playSound(src) {
 var auto = $("#auto");
 auto.attr("src",src);
 }
 })

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

Copier après la connexion

Recommandations associées :

Résumé de la définition et de l'utilisation de la fonction d'alarme WeChat

Développement WeChat du dépannage des alarmes

Explication détaillée de la mise en œuvre de Zabbix d'alarme WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!