介绍
这篇文章将为大家详细讲解有关基于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=" "> 音频> 身体>