基于JavaScript实现报警器提示音效果的案例

  介绍

这篇文章将为大家详细讲解有关基于JavaScript实现报警器提示音效果的案例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

原型图:

基于JavaScript实现报警器提示音效果的案例

<强>项目需求:

服务器接受到报警后将消息推送到前台,(通过前端实时消息提示的效果websocket长轮询),前台接受到消息后需要发出警报提示音,提醒用户。

<强>原理:

很简单,使用html5里面的& lt; audio>标签即可实现,在铃声的官网上选择一段报警的音频,放在代码里面即可。

<强>代码片段:

& lt; % @  page 语言=癹ava", contentType=皌ext/html;, charset=UTF-8"   pageEncoding=癠TF-8" %比;   & lt; ! DOCTYPE  html  PUBLIC “-//W3C//DTD  html  4.01,过渡//EN",“http://www.w3.org/TR/html4/loose.dtd"比;   & lt; html>   & lt; head>   & lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=UTF-8"比;   & lt; title> Insert  title  here   & lt;/head>   & lt; body>   & lt; audio 播放=癮utoplay", id=癶ttps://www.yisu.com/zixun/auto", src=" ">