VoiceDownload — FiveCord

index.tsx

Download

Source

src/plugins/voiceDownload/index.tsx

1/*

2 * FiveCord — a Discord client mod

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

5 */

7import "./style.css";

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

10import definePlugin from "@utils/types";

12export default definePlugin({

13 name: "VoiceDownload",

14 description: "Adds a download to voice messages. (Opens a new browser tab)",

15 tags: ["Voice", "Media"],

16 authors: [Devs.FiveCord],

17 patches: [

18 {

19 find: "#{intl::VOICE_MESSAGES_PLAYBACK_RATE_LABEL}",

20 replacement: {

21 match: /(?<=onVolumeHide:\i\}\))/,

22 replace: ",$self.renderDownload(arguments[0].src)"

23 }

24 }

25 ],

27 renderDownload(src: string) {

28 return (

29 <a

30 className="vc-voice-download"

31 href={src}

32 onClick={e => e.stopPropagation()}

33 aria-label="Download voice message"

34 {...IS_DISCORD_DESKTOP

35 ? { target: "_blank" } class="ts-cmt">// open externally

                    : { download: "voice-message.ogg" } class="ts-cmt">// download directly (not supported on discord desktop)

37 }

38 >

39 <this.Icon />

40 </a>

41 );

42 },

44 Icon: () => (

45 <svg

46 height="24"

47 width="24"

48 viewBox="0 0 24 24"

49 fill="currentColor"

50 >

51 <path

                d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"

53 />

54 </svg>

55 ),

56});

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

import "./style.css";

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

export default definePlugin({
    name: "VoiceDownload",
    description: "Adds a download to voice messages. (Opens a new browser tab)",
    tags: ["Voice", "Media"],
    authors: [Devs.FiveCord],
    patches: [
        {
            find: "#{intl::VOICE_MESSAGES_PLAYBACK_RATE_LABEL}",
            replacement: {
                match: /(?<=onVolumeHide:\i\}\))/,
                replace: ",$self.renderDownload(arguments[0].src)"
            }
        }
    ],

    renderDownload(src: string) {
        return (
            <a
                className="vc-voice-download"
                href={src}
                onClick={e => e.stopPropagation()}
                aria-label="Download voice message"
                {...IS_DISCORD_DESKTOP
                    ? { target: "_blank" } // open externally
                    : { download: "voice-message.ogg" } // download directly (not supported on discord desktop)
                }
            >
                <this.Icon />
            </a>
        );
    },

    Icon: () => (
        <svg
            height="24"
            width="24"
            viewBox="0 0 24 24"
            fill="currentColor"
        >
            <path
                d="M12 2a1 1 0 0 1 1 1v10.59l3.3-3.3a1 1 0 1 1 1.4 1.42l-5 5a1 1 0 0 1-1.4 0l-5-5a1 1 0 1 1 1.4-1.42l3.3 3.3V3a1 1 0 0 1 1-1ZM3 20a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2H3Z"
            />
        </svg>
    ),
});

Source

FiveCord for Windows