mirrors/Vencord
1
0
Fork 1
mirror of https://github.com/Vendicated/Vencord.git synced 2025-01-10 18:06:22 +00:00
Code Activity

refactor(audioPlaybackSpeed): rename to MediaPlaybackSpeed

Browse source 
I was about to add support for videos but then I noticed it already works xD
This commit is contained in:
D3SOX 2024-06-02 14:42:43 +02:00
parent 64d519b54d
commit 19896ef59e
No known key found for this signature in database
GPG key ID: 39EC1673FC37B048
4 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/plugins/audioPlaybackSpeed/README.md → src/plugins/mediaPlaybackSpeed/README.md
View file

@ -1,5 +1,5 @@
# AudioPlaybackSpeed # MediaPlaybackSpeed
Adds an icon to change the playback speed of voice message and audio embeds Adds an icon to change the playback speed of media embeds
![New icon with menu to change the playback speed](https://github.com/Vendicated/Vencord/assets/24937357/21792b09-8d6a-45be-a6e8-916cdd67a477) ![New icon with menu to change the playback speed](https://github.com/Vendicated/Vencord/assets/24937357/21792b09-8d6a-45be-a6e8-916cdd67a477)

0
src/plugins/audioPlaybackSpeed/components/SpeedIcon.tsx → src/plugins/mediaPlaybackSpeed/components/SpeedIcon.tsx
View file

16
src/plugins/audioPlaybackSpeed/index.tsx → src/plugins/mediaPlaybackSpeed/index.tsx
View file

@ -15,20 +15,20 @@ import { RefObject } from "react";
import SpeedIcon from "./components/SpeedIcon"; import SpeedIcon from "./components/SpeedIcon";
const cl = classNameFactory("vc-audio-playback-speed-"); const cl = classNameFactory("vc-media-playback-speed-");
const speeds = makeRange(0.25, 3.5, 0.25); const speeds = makeRange(0.25, 3.5, 0.25);
export default definePlugin({ export default definePlugin({
name: "AudioPlaybackSpeed", name: "MediaPlaybackSpeed",
description: "Adds an icon to change the playback speed of voice message and audio embeds", description: "Adds an icon to change the playback speed of media embeds",
authors: [Devs.D3SOX], authors: [Devs.D3SOX],
playbackSpeedComponent(audioRef: RefObject<HTMLAudioElement>) { playbackSpeedComponent(mediaRef: RefObject<HTMLMediaElement>) {
const changeSpeed = (speed: number) => { const changeSpeed = (speed: number) => {
const audio = audioRef.current; const media = mediaRef.current;
if (audio) { if (media) {
audio.playbackRate = speed; media.playbackRate = speed;
} }
}; };
@ -70,7 +70,7 @@ export default definePlugin({
replace: "$&,$self.playbackSpeedComponent($1)" replace: "$&,$self.playbackSpeedComponent($1)"
} }
}, },
// audio embeds // audio & video embeds
{ {
// need to pass media ref via props to make it easily accessible from inside controls // need to pass media ref via props to make it easily accessible from inside controls
find: "renderControls(){", find: "renderControls(){",

4
src/plugins/audioPlaybackSpeed/styles.css → src/plugins/mediaPlaybackSpeed/styles.css
View file

@ -1,10 +1,10 @@
.vc-audio-playback-speed-icon { .vc-media-playback-speed-icon {
background-color: transparent; background-color: transparent;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
color: var(--interactive-normal); color: var(--interactive-normal);
} }
.vc-audio-playback-speed-icon:hover { .vc-media-playback-speed-icon:hover {
color: var(--interactive-active); color: var(--interactive-active);
} }