Skip to content

Instantly share code, notes, and snippets.

View Janith-Umeda's full-sized avatar
🌐
Trying to make new things

Janith Umeda Janith-Umeda

🌐
Trying to make new things
View GitHub Profile
@Janith-Umeda
Janith-Umeda / AudioPlayer.jsx
Created October 10, 2023 16:54
A Simple Audio Player with Modern UI using Tailwind, Material and React js.
import { FastForward, FastRewind, Pause, PlayArrow, Repeat, VolumeDown, VolumeOff, VolumeUp } from "@mui/icons-material";
import { useEffect, useRef, useState } from "react";
const AudioPlayer = ({src})=> {
const Player = useRef();
const [VolumeShow,setVolumeShow] = useState(false);
const [isMute,setMute] = useState(false);
const [volumeLevel,setVolumeLvl] = useState(50);
const [isPlay,setPlay] = useState(false);