suchen

Heim >Web-Frontend >js-Tutorial >Ausführliche Erklärung zur Implementierung von Alarmsoundeffekten mithilfe von JavaScript

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

小云云
小云云Original
2018-01-20 10:37:544733Durchsuche

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>

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung des WeChat-Applet-Rückrufs getUserInfoNächster Artikel：Detaillierte Erläuterung des WeChat-Applet-Rückrufs getUserInfo

In Verbindung stehende Artikel

Mehr sehen