Popup notifications in chromium possible?

how to make on-screen notifications with dash? eg notify user about a new message comming from a callback. I sofar set notifications to allow, but what next?

image

Hi @2l3fij could you use a confirm dialog with dcc.ConfirmDialog here?

@Emmanuelle thank you. Interesting but the tab must be in the foreground. The user interaction is ugh as well while ‘real’ notifications autotimeout and The api is https://www.chromium.org/developers/design-documents/desktop-notifications

Or playing a notification sound. That would be awesome.

Cant get no rest, how to play a notification sound, even if its not push, alias i interval poll the server and on return play a sound from the browser, but how?
also found this https://stackoverflow.com/questions/53265253/triggering-audio-hover-effects-in-plotly

bump 1 year later: are there updates on how to play a sound in the website please?

It is a bit unclear to me what you are looking for. If you just want to play audio, I guess you could use the Audio component,

import dash_html_components as html
audio = html.Audio()

If you want to make alert-like notification you could use the Alert component from dash bootstrap components.

If you are looking for a way to “push” the update itself, the standard approach would be to use an Interval component, but if you need true push capabilities, you could use the WebSocket component instead,

how to trigger the t-rex audio snippet? here: <audio>: The Embed Audio element - HTML: HyperText Markup Language | MDN
the client has interval running and if server returns true criteria met, then it should trigger the html.Audio component. How?
this seems buggy: Linking Scatter plot elements to Audio Files - #7 by remdog