TaigaChat Pro Alert Sound Notification 1.3

Compatible XF Versions

Additional Requirements: TaigaChat Pro

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

Note: This mod will play the sound on each site you are displaying TaigaChat Pro at.

Note: Sounds will be loaded and buffered after the first message has been sent/received.

Note: 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
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!

Reactions: alexalx, Intelecto, DoomStorm and 10 others

xF1 Unmaintained TaigaChat Pro Alert Sound Notification 1.3

More resources from AnimeHaxor

Share this resource

Similar resources