[Free Add-on ] TaigaChat Pro Alert Sound Notification 1.3

Compatible XF Versions:

• 1.2
• 1.3
• 1.4

Additional Requirements:

TaigaChat PRO

License:

Creative Commons

Visible Branding:

No

This mod will add a sound to each new message send in TaigaChat Pro.​

About
This mod will play the sound on each site you are displaying TaigaChat Pro at.
Sounds will be loaded and buffered after the first message has been sent/received. Also, users can decide whether they want to hear the notification sound or not via custom user field choice.

1. Step: Download and Upload
Download the resource and upload the files inside the upload folder to your forum's root directory.

2. Step: Create the new custom user field

NAVIGATE TO:
ACP > Users > Custom User Fields > +Create New Field

FILL IN:
Basic Information:
Field ID: SoundChat
Title: Alert sounds in the chat
Description: Enable / disable sound in chat
Display Location: Preferences

Options for Choice Fields:
Field Type: Radio Buttons
Possible Choices: yes, no

General Options:
[x] Field is required
[x] Show during registration
[x] User editable
​

SAVE FIELD

3. Step: Copy and Rename taigachat.js

COPY THE FILE: taigachat.js
(It's inside yourdomain/js/dark/taigachat.js)

AND RENAME IT TO: taigachatSound.js​

4. Step: Edit taigachatSound.js

OPEN YOUR NEW FILE: taigachatSound.js
​

SEARCH FOR:

Code:

var taigachat_hidden, taigachat_visibilityChange;

ADD AFTER:

Code:

var snd = new Audio("tcp_sound.ogg");
var snd2 = new Audio("tcp_sound.mp3");

SEARCH FOR:

Code:

taigachat_lastMessage = new Date().getTime();

ADD AFTER:

Code:

snd.play();

snd2.play();

SAVE FILE

For Version 1.4.X

SEARCH FOR:

Code:

var lastUpdates = [];

ADD AFTER:

Code:

var snd = new Audio("tcp_sound.ogg");
var snd2 = new Audio("tcp_sound.mp3");

SEARCH FOR:

Code:

lastMessage = new Date().getTime();

ADD AFTER:

Code:

snd.play();

snd2.play();

SAVE FILE

5. Step: Edit the templates dark_taigachat_chatbox and dark_taigachat_popup

NAVIGATE TO:
ACP > Appearance > Template > dark_taigachat_chatbox

SEARCH FOR:​

Code:

<xen:require js="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}" />

REPLACE WITH:

Code:

<xen:if is="{$visitor.customFields.SoundChat} == 'yes'">
<xen:require js="js/dark/taigachatSound.js?{xen:raw $taigachat.js_modification}" />
<xen:else />
<xen:require js="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}" />
</xen:if>

SAVE FILE

NAVIGATE TO:
ACP > Appearance > Template > dark_taigachat_popup

SEARCH FOR:

Code:

<script type="text/javascript" src="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}"></script>

REPLACE WITH:

Code:

<xen:if is="{$visitor.customFields.SoundChat} == 'yes'">[/INDENT]
<script type="text/javascript" src="js/dark/taigachatSound.js?{xen:raw $taigachat.js_modification}"></script>
<xen:else />
<script type="text/javascript" src="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}"></script>
</xen:if>

SAVE FILE

Done! Go to your Account Settings --> Preferences and enable alert sounds in chat. Then try sending something in your Taigachat Pro. You should hear a sound now!

Enjoy! If you're confused then feel free to ask in the comment section!