30 lines
693 B
JavaScript
30 lines
693 B
JavaScript
import IconButton from "@mui/material/IconButton";
|
|
import VolumeUpIcon from "@mui/icons-material/VolumeUp";
|
|
import { useAudio } from "../../hooks/Audio";
|
|
|
|
export default function AudioBtn({ src }) {
|
|
const { error, ready, playing, onPlay } = useAudio(src);
|
|
|
|
if (error || !ready) {
|
|
return (
|
|
<IconButton disabled size="small">
|
|
<VolumeUpIcon fontSize="inherit" />
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
if (playing) {
|
|
return (
|
|
<IconButton color="primary" size="small">
|
|
<VolumeUpIcon fontSize="inherit" />
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<IconButton onClick={onPlay} size="small">
|
|
<VolumeUpIcon fontSize="inherit" />
|
|
</IconButton>
|
|
);
|
|
}
|