Ausführliche Erklärung zur Implementierung von Alarmsoundeffekten mithilfe von JavaScript-js-Tutorial-php.cn

Ausführliche Erklärung zur Implementierung von Alarmsoundeffekten mithilfe von JavaScript

小云云

Freigeben： 2018-01-20 10:37:54

Original

4651 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich einen auf JavaScript basierenden Code zur Implementierung des Alarmtoneffekts mit. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen.

Prototyp:

Projektanforderungen:

Nach Erhalt des Alarms leitet der Server die Nachricht an die Rezeption weiter (über das Front-End Die Auswirkung von Echtzeit-Nachrichtenaufforderungen - Websocket-Long-Polling) Nach Erhalt der Nachricht muss die Rezeption einen Alarmton ausgeben, um den Benutzer daran zu erinnern.

Prinzip:

Es ist ganz einfach. Sie können das

Code-Snippet:

<%@ 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>

Nach dem Login kopieren

Verwandte Empfehlungen:

Zusammenfassung der Definition und Verwendung der WeChat-Alarmfunktion

WeChat-Entwicklung zur Alarm-Fehlerbehebung

Detaillierte Erläuterung der WeChat-Alarm-Zabbix-Implementierung

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Implementierung von Alarmsoundeffekten mithilfe von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!