تنبيه صوتي للأشعارات 2019

 تنبيه صوتي للأشعارات

طلب العديد من منتديات احلى منتدى تشغيل صوت تنبيه عند تلقي اشعارات.
اليوم أنا فخور بأن أعلن عن هذا التقنيه الجديدة الرائعة.

 قد تكون هناك مشكلات إذا قمت بإجراء الكثير من التغييرات على القوالب الخاصة بك.

صور للتقنيه:

التركيب:
لوحة الادارة -- عناصر إضافية -- HTML & JAVASCRIPT -- إدارة اكواد Javascript -- انشاء كود جديد

العنوان*: صوت للاشعارات
أضف الكود الي: جميع الصفحات
الكود*: انسخ والصق الكود التالي.

الكود:

alarm_color_on = "white";  
alarm_color_off = "#806060";  
alarm_title_on = "ايقاف صوت التنبية";
alarm_title_off = "تشغيل صوت التنبية";
update_timer = 1000; 

function GetAlarm() {
    var al = localStorage.getItem('alarm');
    return al === "1";
};

alarm = false;

function SetAlarm(al) {
    localStorage.setItem('alarm', al ? "1" : "0");
    if (GetAlarm()) {
        $('#alarm').text('notifications');
        $('#alarm').css('color', alarm_color_on);
        $('#alarm').attr('title', alarm_title_on);
        DeskInstallNotify();
    } else {
        $('#alarm').text('notifications_off');
        $('#alarm').css('color', alarm_color_off);
        $('#alarm').attr('title', alarm_title_off);
    }
    alarm = al;
};

function SwitchAlarm() {
    SetAlarm(!GetAlarm());
};

prevunread = -1;
_DeskSoundNotify = function() {
    $.ajax({
        url: '/notification.forum',
        dataType: 'json',
        success: function(data, txt, xhr) {
            if (alarm) {
                if (data.unread > prevunread) {
                    if (prevunread >= 0)
                        $('#sound').get(0).play();
                    prevunread = data.unread
                }
            }
        }
    }).always(function() {
        setTimeout(_DeskSoundNotify, update_timer)
    });
};

function DeskInstallNotify() {
    setTimeout(_DeskSoundNotify, update_timer * 2);
};


$(function() {
    $(function() {
        if ($('#mNotificationBtn').length == 0 && _userdata["session_logged_in"] > 0) {
            alarm = GetAlarm();
            $('<span id="notify_alarm" onclick="SwitchAlarm();" style="font-size: 20px; cursor: pointer;" ><i title="' + (alarm ? alarm_title_on : alarm_title_off) + '"class="material-icons" style="font-size: 18px; position: relative; top: 5px; color:' + (alarm ? alarm_color_on : alarm_color_off) + '" id="alarm">' + (alarm ? 'notifications' : 'notifications_off') + '</i></span>').insertBefore($('#fa_hide'));
            if (alarm) DeskInstallNotify();
        };
    });
});