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

小云云
Freigeben: 2018-01-20 10:37:54
Original
4665 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage