DVZ Shoutbox 2.3.2 – Sound notification.

Download sound notification:

  dvz_shoutbox.zip (Size: 1.38 KB / Downloads: 7)

Upload the dvz_shoutbox.mp3 file to the \images

Go to ACP >>> Templates & Style >>> Templates >>> Global Templates >>> dvz_shoutbox
Add the following code before {$javascript}

<script>
dvz_shoutbox.callbacks['update'].push(function(){
    if ($('#shoutbox .entry.new').length) {
        var audio = new Audio(rootpath + '/images/dvz_shoutbox.mp3');
        audio.volume = 0.2;
        audio.play();
    }
});
</script>

The whole code:

<div id="shoutbox" class="front{$classes}">

<div class="head">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>

<div class="body">
	
{$panel}
	
<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">
<div class="data">
{$html}
</div>
</div>
	
</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
<script>
dvz_shoutbox.callbacks['update'].push(function(){
    if ($('#shoutbox .entry.new').length) {
        var audio = new Audio(rootpath + '/images/dvz_shoutbox.mp3');
        audio.volume = 0.2;
        audio.play();
    }
});
</script>
{$javascript}

</div>

Tested on:

• DVZ Shoutbox 2.3.2
  
• MyBB 1.8.21