新增浏览器桌面提示

20231214新增

使用参考

需要使用https

引入layui

<button class="layui-btn layui-btn-normal" id="notify">桌面通知</button>

js

 layui.config({
        base: "__STATIC__/style/layui/lay/modules/", // 设定扩展的 layui 模块的所在目录，一般用于外部模块扩展
    }).use(['soundNotify'], function(){
        var soundNotify = layui.soundNotify, $ = layui.jquery;
        var actionMap = {
            sound() {
                soundNotify.sound('人间一场烟火 你曾盛开过');
            },
            audio() {
                soundNotify.audio('http://music.163.com/song/media/outer/url?id=1929363849.mp3');
            },
            notify() {
                //参数对应 https://developer.mozilla.org/zh-CN/docs/Web/API/notification/Notification
                soundNotify.notify('人间烟火11111人间烟火11111人间烟火11111人间烟火11111人间烟火11111人间烟火11111人间烟火11111', {
                    body: '人间一场烟火 你曾盛开过\n' +
                        '江南花已凋落 怎堪再斟酌\n' +
                        '可怜良辰无多 竟似无人说\n' +
                        '你撑纸伞回头望 千年乌衣巷\n' +
                        '问君青丝有几丈 能把风月量\n' +
                        '凭栏数尽孤帆 泪两行',
                })
            }
        };

        Object.keys(actionMap).forEach((item) => $(`#${item}`).click(actionMap[item]));
    })