Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

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

Adds a sound to each new massage in TaigaChat Pro.

  1. Caldexi
    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!