How to disable WhatsApp Web's voice message chimes

The voice message chime is annoying—imagine listening to a voice note and you’re doing something else, just for a loud ass sound to go down in your eardrums as it goes to play the next one.

You can go look and use the userscript if you want to, it’s just that the .mp3 filename for both the “continuing” and the “finish” chimes has been changed since when this gist has been created. If you’ve imported the userscript and the chimes are still playing, continuing reading this gist to understand how to fetch and update the filename in the userscript.

// ==UserScript==
// @name         Disable WhatsApp Web voice message chimes
// @match        https://web.whatsapp.com/*
// @run-at       document-start
// @version      1.0
// @author       pparaxan
// @icon         https://raw.githubusercontent.com/pparaxan/.profile/refs/heads/master/xan!Brand_GradientOverlay.png
// ==/UserScript==

HTMLMediaElement.prototype.play = (function(orig) {
    return function() {
        const src = this.src || '';
        if (src.includes('ze2kHBO') || src.includes('WElxnwAGYY2')) {
            return Promise.resolve();
        }
        return orig.apply(this, arguments);
    };
})(HTMLMediaElement.prototype.play);

This is how you fetch and update the filenames of the .mp3 you’ll want to block:

1. Open your DevTools Console¹ and paste this to intercept all audio play calls:

HTMLMediaElement.prototype.play = function() {
    console.log('Audio played:', this.src);
};

2. Trigger the sound you’ll want to identify, in this case—those annoying voice message chimes. Play a voice note and wait for those chimes to play, then—check the console for the logged src URL.

3. Once you’ve gotten the filename(s) of the sound you’ll want to block, again in this case—the chimes, go on your userscript manager² of choice and import the script³ provided earlier, then edit it by replacing the values that’s around both src.includes (first for the “continuing” chime and the other is for the “finish” chime) with the filenames of the .mp3 you’ve fetched via the Console.

4. Save and close the script and refresh WhatsApp Web.