Play Real-time Notification Sound to all the users logged in the Webapp Without reloading the page

Question

I know there are many solutions can be found in the web regarding my problem, but none of them are working for me. That's why I'm asking this question.

First let me explain what I'm looking to achieve -

-> I'm developing a multi-user Web application [ASP.Net] -> I'm using SignalR to get real-time database change notifications and SignalR instantly transmit the change notifications to all the users logged in the application. -> Now in addition what I want to do is to play a notification sound for all the logged in users so that they can understand a new notification need attention.

This is what I've done so far -

JavaScript

<script>
    function playSound(mysound) {
        //thisSound = document.getElementById(mysound);
        //thisSound.Play();
        var audio = new Audio(mysound);
        audio.play();
    }

</script>

Code Behind -

ScriptManager.RegisterClientScriptBlock(Me, [GetType](), "OpenWindow", "javascript: playSound('./audio/notification.wav')", True)

The problem with this solution is that the user need to reload the page to hear the notification sound, which I think is pointless if the user can't hear them instantly like the SignalR processing notifications.

Is it possible to push the sound to all the clients so that they don't need to reload the page?

Any help would be highly appreciated. If you need any further clarification please let me know.

Or better will be to ask , on what server are you planning to run your app? — Nic, Jun 11 '16 at 12:56
Look at this post on how to use signalr on webforms, http://stackoverflow.com/questions/18143599/can-signalr-be-used-with-asp-net-webforms — Nic, Jun 11 '16 at 13:21
In case if it will not work I can provide a full working example, just let me know, but I think it will work . — Nic, Jun 11 '16 at 13:22
Thanks for your reply. Problem is not with SignalR. The problem is playing sound when a new notification generated. — meghlashomoy, Jun 11 '16 at 13:49
I already have implemented SignalR. So it's not the problem at all. — meghlashomoy, Jun 11 '16 at 13:49

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

Finally I got it worked. I had to change the jquery a little bit -

<script type="text/javascript">
        function playSound(mysound) {
            //thisSound = document.getElementById(mysound);
            //thisSound.Play();
            var audio = new Audio(mysound);
            audio.play();                
        }

        $(function () {
            var notify = $.connection.notificationsHub;
            var audio;

            notify.client.displayNotification = function (s_Not, s_Path) {
                $("#newNot").html(s_Not);
                audio = new Audio(s_Path);
                var iLevel = "<%=System.Web.HttpContext.Current.Session("USER_LEVEL")%>";
                var i_OldNot = "<%=System.Web.HttpContext.Current.Session("NOT_COUNT")%>";
                if (iLevel == 2) {
                    //alert(i_OldNot  + " " + s_Not);
                    if (i_OldNot < i_Not) {
                        playSound("/audio/notification.wav");
                        //i_OldNot == Number(s_not);
                    }
                }
            };

            $.connection.hub.start();                                
        });
    </script>

In the code behind I had to set a Session Variable to store the number of last notification before update. If the previous and present number of notification is higher than the session value then notification sound play -

System.Web.HttpContext.Current.Session("NOT_COUNT")= i_LastNotCount

Now the sound is playing without reloading the page. Special thanks to rdans, because of his below comments I got this idea -

Then in a comment you say:

I already have implemented SignalR. So it's not the problem at all.

This suggests to me that you probably don't understand what signalR is doing because the whole point of signalR is to push to the browser without having to post back or use an ajax call.

Hi rdans, I know. But no one has gave a full solution. – meghlashomoy Jun 22 '16 at 02:13 — meghlashomoy, Jun 22 '16 at 02:13

score -1 · Answer 2 · edited May 23 '17 at 10:29

-1

The time you are executing the user logged in notification using signalR, after that you can Call javascript function from server .

Hope this is what you are looking for.

edited May 23 '17 at 10:29

Community

1
1

answered Jun 11 '16 at 06:10

Nalin Aggarwal

886
5
8

I already tried this, but it doesn't work. I had to reload the page to hear the sound. Notification is updating without reloading. – meghlashomoy Jun 11 '16 at 06:22

Play Real-time Notification Sound to all the users logged in the Webapp Without reloading the page

2 Answers2