메뉴
Add browser audio notifications to Moltbot/Clawdbot webchat with 5 intensity levels - from whisper to impossible-to-miss (only when tab is backgrounded).
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.
npx skills add https://github.com/johnalbertini14-glitch/openclaw-skills --skill webchat-audio-notifications명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.
로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.
SKILL.md 표시 중
| name | webchat-audio-notifications |
| description | Add browser audio notifications to Moltbot/Clawdbot webchat with 5 intensity levels - from whisper to impossible-to-miss (only when tab is backgrounded). |
| version | 1.1.0 |
| author | brokemac79 |
| repository | https://github.com/brokemac79/webchat-audio-notifications |
| homepage | https://github.com/brokemac79/webchat-audio-notifications |
| tags | ["webchat","notifications","audio","ux","browser","howler"] |
| metadata | {"clawdbot":{"emoji":"🔔","compatibility":{"minVersion":"2026.1.0","browsers":["Chrome 92+","Firefox 90+","Safari 15+","Edge 92+"]},"dependencies":["howler.js (included)"],"files":["client/howler.min.js","client/notification.js","client/sounds/notification.mp3","client/sounds/alert.mp3"],"install":[{"kind":"manual","label":"Install webchat audio notifications","instructions":"1. Copy files to your webchat directory:\n - client/howler.min.js → /webchat/js/\n - client/notification.js → /webchat/js/\n - client/sounds/ → /webchat/sounds/\n\n2. Add to your webchat HTML before closing </body>:\n\n```html\n<script src=\"/js/howler.min.js\"></script>\n<script src=\"/js/notification.js\"></script>\n<script>\n const notifier = new WebchatNotifications({\n soundPath: '/sounds/notification'\n });\n notifier.init();\n</script>\n```\n\n3. Hook into message events:\n\n```javascript\nsocket.on('message', () => {\n if (notifier) notifier.notify();\n});\n```\n\n4. Test by switching tabs and triggering a message\n\nSee docs/integration.md for full guide.\n"}]}} |
Browser audio notifications for Moltbot/Clawdbot webchat. Plays a notification sound when new messages arrive - but only when the tab is in the background.
cd examples
python3 -m http.server 8080
# Open http://localhost:8080/test.html
Test steps:
// Initialize
const notifier = new WebchatNotifications({
soundPath: './sounds',
soundName: 'level3', // Medium intensity (default)
defaultVolume: 0.7
});
await notifier.init();
// Trigger on new message
socket.on('message', () => notifier.notify());
// Use different levels for different events
socket.on('mention', () => {
notifier.setSound('level5'); // Loudest for mentions
notifier.notify();
});
new WebchatNotifications({
soundPath: './sounds', // Path to sounds directory
soundName: 'level3', // level1 (whisper) to level5 (very loud)
defaultVolume: 0.7, // 0.0 to 1.0
cooldownMs: 3000, // Min time between alerts
enableButton: true, // Show enable prompt
debug: false // Console logging
});
Intensity Levels:
level1 - Whisper (9.5KB) - Most subtlelevel2 - Soft (12KB) - Gentlelevel3 - Medium (13KB) - Defaultlevel4 - Loud (43KB) - Attention-gettinglevel5 - Very Loud (63KB) - Impossible to missinit() - Initialize (call after Howler loads)notify(eventType?) - Trigger notification (only if tab hidden)test() - Play sound immediately (ignore tab state)setEnabled(bool) - Enable/disable notificationssetVolume(0-1) - Set volumesetSound(level) - Change intensity ('level1' through 'level5')getSettings() - Get current settings| Browser | Version | Support |
|---|---|---|
| Chrome | 92+ | ✅ Full |
| Firefox | 90+ | ✅ Full |
| Safari | 15+ | ✅ Full |
| Mobile | Latest | ⚠️ Limited |
Overall: 92% of users (Web Audio API support)
webchat-audio-notifications/
├── client/
│ ├── notification.js # Main class (10KB)
│ ├── howler.min.js # Audio library (36KB)
│ └── sounds/
│ ├── level1.mp3 # Whisper (9.5KB)
│ ├── level2.mp3 # Soft (12KB)
│ ├── level3.mp3 # Medium (13KB, default)
│ ├── level4.mp3 # Loud (43KB)
│ └── level5.mp3 # Very Loud (63KB)
├── examples/
│ └── test.html # Standalone test with all levels
├── docs/
│ └── integration.md # Integration guide
└── README.md # Full documentation
See docs/integration.md for:
const notifier = new WebchatNotifications();
await notifier.init();
notifier.notify();
const notifier = new WebchatNotifications({
soundPath: '/assets/sounds',
soundName: 'level2', // Start with soft
defaultVolume: 0.8,
cooldownMs: 5000,
debug: true
});
await notifier.init();
// Regular messages = soft
socket.on('message', () => {
notifier.setSound('level2');
notifier.notify();
});
// Mentions = very loud
socket.on('mention', () => {
notifier.setSound('level5');
notifier.notify();
});
// DMs = loud
socket.on('dm', () => {
notifier.setSound('level4');
notifier.notify();
});
<input type="range" min="0" max="100"
onchange="notifier.setVolume(this.value / 100)">
<button onclick="notifier.test()">Test 🔊</button>
No sound?
Sound plays when tab active?
Mobile not working?
MIT License
examples/test.htmlStatus: ✅ v1.1.0 Complete - 5 Intensity Levels
Tested: Chrome, Firefox, Safari
Ready for: Production use & ClawdHub publishing
Use this skill to create a Polymarket wallet for your agent and trade on prediction markets. Browse markets, place bets, manage positions — all without exposing private keys.
ClawSec suite manager with embedded advisory-feed monitoring, cryptographic signature verification, approval-gated malicious-skill response, and guided setup for additional security skills.
Automated daily security audits for OpenClaw agents with email reporting. Runs deep audits and sends formatted reports.
SOC 직업 분류 기준