关于前端:vue-中添加提示音效果

9次阅读

共计 335 个字符,预计需要花费 1 分钟才能阅读完成。

我的项目需要

用 WebSocket 推送音讯,如果是停车或者拥挤事件的时候 报提示音,
当是停车事件的时候 最新的笼罩前端的最新停车事件;如果以后是拥挤事件,最新的拥挤事件笼罩当初的,如果最新的是停车事件,仍然播放拥挤事件

实现思路

1:将 audio 定义为一个全局的,或者挂载在 windows 上;我之前始终定义的是一个部分的变量,导致后边呈现的时候,每次都是最新的,以后的不能敞开,这个是重点
2:每次点击的时候 将停车或者拥挤事件存储在 localStroage 中,当第二次点击的时候,判断是以后的和最新的时候一样,如果不为空,是最新的,须要革除掉
3:当是拥挤事件的时候 要等他播放结束之后,将其从 localStroage 中革除掉,不然会呈现 等拥挤事件播放结束之后,停车事件,都不会再次播放

正文完
 0