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

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!

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

More resources from Caldexi

Share this resource