Notification sound

I’m just an observer whom tested the plugin. Not a
Javascript pro or anything but looking into the code located
in
folder path:
bp-better-messages->assets->js->bp-messages.js

You’ll see:

$('<audio id="bp-messages-notification" style="display:none;">'
          + '<source src="' + notification + '.mp3" />'
          + '<source src="' + notification + '.ogg" />'
          + '<embed src="' + notification + '.mp3" hidden="true" autostart="false" loop="false" />'
          + '</audio>'
        ).appendTo('body');

I tried changing the body to a specific div related to the
individual page or even the message thread itself.
Maybe the plugin author could better clarify but it stopped
the alert when changing pages and kept it to messaging.

one class was for the page itself:

.appendTo('.bp-messages');

The other class which I settled on is found in the thread:

.appendTo('.messages-stack');

So I’m guessing the answer is:

.appendTo(‘.bp-messages’);

What I’m trying to achieve is the original question proposed:

The message notification sound (beep) plays after each reload of the website page. Would you please tell how to fix this issue.