vue 中添加提示音效果

项目需求

用WebSocket 推送消息,如果是停车或者拥堵事件的时候 报提示音,
当是停车事件的时候 最新的覆盖前端的最新停车事件;如果当前是拥堵事件,最新的拥堵事件覆盖现在的,如果最新的是停车事件,依然播放拥堵事件

实现思路

1:将audio 定义为一个全局的,或者挂载在windows 上;我之前一直定义的是一个局部的变量,导致后边出现的时候,每次都是最新的,当前的不能关闭,这个是重点
2:每次点击的时候 将停车或者拥堵事件存储在localStroage中,当第二次点击的时候,判断是当前的和最新的时候一样,如果不为空,是最新的,需要清除掉
3:当是拥堵事件的时候 要等他播放完毕之后,将其从localStroage中清除掉,不然会出现 等拥堵事件播放完毕之后,停车事件,都不会再次播放

你可能感兴趣的:(前端,vue.js,chrome-devtools,chrome)