Mirrors/gomuks
1
0
Fork 1
mirror of https://github.com/tulir/gomuks.git synced 2025-04-20 10:33:41 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

web: add notification sound

Browse source
This commit is contained in:
Tulir Asokan 2024-11-09 22:23:25 +02:00
parent 00a2070ff3
commit bc550cbff4
4 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
web/index.html
View file

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<link rel="icon" type="image/png" href="/gomuks.png"/> <link rel="icon" type="image/png" href="gomuks.png"/>
<link rel="stylesheet" media="(prefers-color-scheme: light)" href="_gomuks/codeblock/github.css" /> <link rel="stylesheet" media="(prefers-color-scheme: light)" href="_gomuks/codeblock/github.css" />
<link rel="stylesheet" media="(prefers-color-scheme: dark)" href="_gomuks/codeblock/github-dark.css" /> <link rel="stylesheet" media="(prefers-color-scheme: dark)" href="_gomuks/codeblock/github-dark.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
@ -11,5 +11,6 @@
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="src/main.tsx"></script> <script type="module" src="src/main.tsx"></script>
<audio id="default-notification-sound" preload="auto" src="sounds/bright.flac"></audio>
</body> </body>
</html> </html>

BIN
web/public/sounds/bright.flac Normal file
View file

Binary file not shown.

BIN
web/public/sounds/descending.flac Normal file
View file

Binary file not shown.

6
web/src/api/statestore/main.ts
View file

@ -298,6 +298,9 @@ export class StateStore {
const roomName = room.meta.current.name ?? "Unnamed room" const roomName = room.meta.current.name ?? "Unnamed room"
const senderName = memberEvt?.content.displayname ?? evt.sender const senderName = memberEvt?.content.displayname ?? evt.sender
const title = senderName === roomName ? senderName : `${senderName} (${roomName})` const title = senderName === roomName ? senderName : `${senderName} (${roomName})`
if (sound) {
(document.getElementById("default-notification-sound") as HTMLAudioElement)?.play()
}
const notif = new Notification(title, { const notif = new Notification(title, {
body, body,
icon, icon,
@ -309,9 +312,6 @@ export class StateStore {
room.openNotifications.set(rowid, notif) room.openNotifications.set(rowid, notif)
notif.onclose = () => room.openNotifications.delete(rowid) notif.onclose = () => room.openNotifications.delete(rowid)
notif.onclick = () => this.onClickNotification(room.roomID) notif.onclick = () => this.onClickNotification(room.roomID)
if (sound) {
// TODO play sound
}
} }
onClickNotification(roomID: RoomID) { onClickNotification(roomID: RoomID) {