Maison > Article > interface Web > Cas d'implémentation de l'effet sonore d'alarme JavaScript

Cas d'implémentation de l'effet sonore d'alarme JavaScript

黄舟original: 2017-10-28 09:26:162711parcourir

Prototype :

Une fois que le serveur a reçu l'alarme, il envoie le message à la réception (grâce à l'effet d'une longue interrogation du message en temps réel frontal-websocket. Une fois que la réception a reçu le message, elle doit envoyer un son d'alarme). pour le rappeler à l'utilisateur.

Principe :

C'est très simple. Vous pouvez utiliser la balise b97864c2e0ef2353a16c4d64c7734e92 de la sonnerie Audio, il suffit de le mettre dans le code.

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>

Résumé

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：File d'attente prioritaire et file d'attente circulaire dans la structure de données JavaScriptArticle suivant：File d'attente prioritaire et file d'attente circulaire dans la structure de données JavaScript

Articles Liés

Voir plus