Keyboard Sounds — FiveCord

index.ts

Download

Source

src/plugins/keyboardSounds/index.ts

1/*

2 * FiveCord — a Discord client mod

4 * SPDX-License-Identifier: GPL-3.0-or-later

5 */

7import { Devs } from "@utils/constants";

8import definePlugin, { OptionType } from "@utils/types";

10const sounds = {

    click1: new Audio("https:class="ts-cmt">//github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click1.wav"),

    click2: new Audio("https:class="ts-cmt">//github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click2.wav"),

    click3: new Audio("https:class="ts-cmt">//github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click3.wav"),

    backspace: new Audio("https:class="ts-cmt">//github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/backspace.wav")

15};

const ignoredKeys = ["CapsLock", "ShiftLeft", "ShiftRight", "ControlLeft", "ControlRight", "AltLeft", "AltRight", "MetaLeft", "MetaRight", "ArrowUp", "ArrowRight", "ArrowLeft", "ArrowDown", "MediaPlayPause", "MediaStop", "MediaTrackNext", "MediaTrackPrevious", "MediaSelect", "MediaEject", "MediaVolumeUp", "MediaVolumeDown", "AudioVolumeUp", "AudioVolumeDown"];

19const keydown = (e: KeyboardEvent) => {

20 if (ignoredKeys.includes(e.code)) return;

21 for (const sound of Object.values(sounds)) sound.pause();

22 if (e.code === "Backspace") {

23 sounds.backspace.currentTime = 0;

24 sounds.backspace.play();

25 } else {

26 const click = sounds[`click${Math.floor(Math.random() * 3) + 1}`];

27 click.currentTime = 0;

28 click.play();

29 }

30};

32export default definePlugin({

33 name: "Keyboard Sounds",

34 description: "Adds the Opera GX Keyboard Sounds to Discord",

35 authors: [Devs.FiveCord],

36 start: () => document.addEventListener("keydown", keydown),

37 stop: () => document.removeEventListener("keydown", keydown),

38 options: {

39 volume: {

40 description: "Volume",

41 type: OptionType.SLIDER,

42 markers: [0, 100],

43 stickToMarkers: false,

44 default: 100,

45 onChange: value => { for (const sound of Object.values(sounds)) sound.volume = value / 100; }

46 }

47 }

48});

/*
 * FiveCord — a Discord client mod
 * Copyright (c) 2025 FiveCord
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

import { Devs } from "@utils/constants";
import definePlugin, { OptionType } from "@utils/types";

const sounds = {
    click1: new Audio("https://github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click1.wav"),
    click2: new Audio("https://github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click2.wav"),
    click3: new Audio("https://github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/click3.wav"),
    backspace: new Audio("https://github.com/HypedDomi/FiveCord-Plugins/raw/main/Keyboard-Sounds/sounds/backspace.wav")
};

const ignoredKeys = ["CapsLock", "ShiftLeft", "ShiftRight", "ControlLeft", "ControlRight", "AltLeft", "AltRight", "MetaLeft", "MetaRight", "ArrowUp", "ArrowRight", "ArrowLeft", "ArrowDown", "MediaPlayPause", "MediaStop", "MediaTrackNext", "MediaTrackPrevious", "MediaSelect", "MediaEject", "MediaVolumeUp", "MediaVolumeDown", "AudioVolumeUp", "AudioVolumeDown"];

const keydown = (e: KeyboardEvent) => {
    if (ignoredKeys.includes(e.code)) return;
    for (const sound of Object.values(sounds)) sound.pause();
    if (e.code === "Backspace") {
        sounds.backspace.currentTime = 0;
        sounds.backspace.play();
    } else {
        const click = sounds[`click${Math.floor(Math.random() * 3) + 1}`];
        click.currentTime = 0;
        click.play();
    }
};

export default definePlugin({
    name: "Keyboard Sounds",
    description: "Adds the Opera GX Keyboard Sounds to Discord",
    authors: [Devs.FiveCord],
    start: () => document.addEventListener("keydown", keydown),
    stop: () => document.removeEventListener("keydown", keydown),
    options: {
        volume: {
            description: "Volume",
            type: OptionType.SLIDER,
            markers: [0, 100],
            stickToMarkers: false,
            default: 100,
            onChange: value => { for (const sound of Object.values(sounds)) sound.volume = value / 100; }
        }
    }
});

Source

FiveCord for Windows