- 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 FIELDACP > 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
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
(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;
Code:
var snd = new Audio("tcp_sound.ogg");
var snd2 = new Audio("tcp_sound.mp3");
Code:
taigachat_lastMessage = new Date().getTime();
Code:
snd.play();
snd2.play();
For Version 1.4.X
SEARCH FOR:
Code:
var lastUpdates = [];
Code:
var snd = new Audio("tcp_sound.ogg");
var snd2 = new Audio("tcp_sound.mp3");
Code:
lastMessage = new Date().getTime();
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:
ACP > Appearance > Template > dark_taigachat_chatbox
SEARCH FOR:
Code:
<xen:require js="js/dark/taigachat.js?{xen:raw $taigachat.js_modification}" />
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>
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>
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>
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!