onMounted(() => { const userId =store.getters.id; ws = new WebSocket(`ws://localhost:8090/websocket/${userId}`); ws.onopen = function (event) { console.log("WebSocket连接已建立:", event.target); } ws.onmessage = function (event) { //self.text_content = event.data + "\n"; const messageBody = JSON.parse(event.data); if (messageBody.alarmState === "0") { const errorMessage = "设备名称: " + messageBody.equipmentName + '<br>' + "变量名称: " + messageBody.variableName + '<br>' + "触发条件: " + messageBody.alarmContent + '<br>' + "报警值: " + messageBody.currentValue + '<br>' + "报警内容: " + messageBody.alarmContent + '<br>' + "报警时间: " + parseTime(messageBody.alarmTime, '{y}-{m}-{d} {h}:{i}:{s}') ElNotification({ message: errorMessage, dangerouslyUseHTMLString: true, type: 'warning', customClass: 'my-notification-warning' // 添加自定义类名 }) }}怎么实现通知框打开时同时播放报警铃声
时间: 2024-03-13 13:44:59 浏览: 119
C/C++ 中const关键字的用法小结
要实现通知框打开时同时播放报警铃声,可以使用 HTML5 的 Audio API,在 ElNotification 的回调函数中加入以下代码:
```javascript
const audio = new Audio('path/to/alarm.mp3'); // 创建 Audio 对象
audio.loop = true; // 循环播放
audio.play(); // 播放音频
```
其中,`path/to/alarm.mp3` 是报警铃声的文件路径,可以根据实际情况进行修改。同时,需要注意,为了避免重复播放铃声,可以在通知框关闭时停止播放:
```javascript
ElNotification({
message: errorMessage,
dangerouslyUseHTMLString: true,
type: 'warning',
customClass: 'my-notification-warning',
onClose: function() {
audio.pause(); // 停止播放音频
}
})
```
这样,当用户点击通知框的关闭按钮或自动关闭时,铃声也会随之停止播放。
阅读全文