Toolverse
All skills
Security

webchat-audio-notifications

by openclaw

Add browser audio notifications to Moltbot/Clawdbot webchat with 5 intensity levels - from whisper to impossible-to-miss (only when tab is backgrounded).

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
openclaw
Category
Security
GitHub repo

About this skill

Add browser audio notifications to Moltbot/Clawdbot webchat with 5 intensity levels - from whisper to impossible-to-miss (only when tab is backgrounded).

How to use

  1. Pobierz pliki umiejętności z repozytorium i skopiuj je do katalogu webchat: howler.min.js do folderu /webchat/js/, notification.js do /webchat/js/ oraz folder sounds/ z plikami notification.mp3 i alert.mp3 do /webchat/sounds/.

  2. Otwórz plik HTML webchat i dodaj przed zamykającym tagiem trzy bloki skryptów: najpierw załaduj bibliotekę Howler.js, następnie notification.js, a na koniec zainicjuj obiekt WebchatNotifications z ścieżką do plików dźwiękowych (soundPath: '/sounds/notification').

  3. Połącz powiadomienia z obsługą zdarzeń wiadomości – w kodzie obsługującym socket.on('message') dodaj wywołanie notifier.notify(), aby system odtwarzał dźwięk za każdym razem, gdy nadejdzie nowa wiadomość.

  4. Przetestuj funkcjonalność przełączając się na inną kartę przeglądarki i wysyłając wiadomość – powiadomienie audio powinno się odtworzyć tylko wtedy, gdy karta webchat jest w tle.

  5. W razie potrzeby dostosuj poziom głośności i typ dźwięku, edytując parametry inicjalizacji WebchatNotifications – dokumentacja pełna znajduje się w pliku docs/integration.md.

Related skills

google-analytics

by davila7

Analyze Google Analytics data, review website performance metrics, identify traffic patterns, and suggest data-driven improvements. Use when the user asks about analytics, website metrics, traffic analysis, conversion rates, user behavior, or performance optimization.

Security
1260

gmail-manager

by jeffvincent

Manage Gmail - send, read, search emails, manage labels and drafts. Use when user wants to interact with their Gmail account for email operations.

Security
17128

obsidian

by gapmiss

Comprehensive guidelines for Obsidian.md plugin development including all 27 ESLint rules, TypeScript best practices, memory management, API usage (requestUrl vs fetch), UI/UX standards, and submission requirements. Use when working with Obsidian plugins, main.ts files,

Security
14111

reverse-engineering-tools

by gmh5225

Guide for reverse engineering tools and techniques used in game security research. Use this skill when working with debuggers, disassemblers, memory analysis tools, binary analysis, or decompilers for game security research.

Security
3168

content-creator

by alirezarezvani

Create SEO-optimized marketing content with consistent brand voice. Includes brand voice analyzer, SEO optimizer, content frameworks, and social media templates. Use when writing blog posts, creating social media content, analyzing brand voice, optimizing SEO, planning content

Security
25124

better-auth-best-practices

by novuhq

Skill for integrating Better Auth - the comprehensive TypeScript authentication framework.

Security
1148