当前位置: 首页 > Web前端 > vue.js

在vue中添加

时间:2023-03-31 19:55:10 vue.js

的音效。项目需要使用WebSocket来推送消息。如果是停车或拥堵事件,则会报告声音。当是停车事件时,最新的停车事件会覆盖前端最新的停车事件;拥塞事件覆盖当前事件。如果最近一个是停车事件,那么仍然会播放拥堵事件。实现思路一:将audio定义为全局的,或者挂载到windows上;之前一直定义了一个局部变量,导致下面出现的时候,每次都是最新的,而且不能关闭当前的。这就是关键点2:每次点击都会把停车或者拥堵事件存储到localStroage中。第二次点击时,判断为current,latest如果不为空,则为latest,需要清除。3:当是拥塞事件时,播放完一定要从localStroage中清除。否则会在拥塞事件播放完毕后停止。事件,不会再播放