38 lines
681 B
JavaScript
38 lines
681 B
JavaScript
|
import IconButton from "@mui/material/IconButton";
|
||
|
|
import VolumeUpIcon from "@mui/icons-material/VolumeUp";
|
||
|
|
import { useTextAudio } from "../../hooks/Audio";
|
||
|
|
|
||
|
|
export default function AudioBtn({ text, lan = "uk" }) {
|
||
|
|
const { error, ready, playing, play } = useTextAudio(text, lan);
|
||
|
|
|
||
|
|
if (error) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!ready) {
|
||
|
|
return (
|
||
|
|
<IconButton disabled>
|
||
|
|
<VolumeUpIcon />
|
||
|
|
</IconButton>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (playing) {
|
||
|
|
return (
|
||
|
|
<IconButton color="primary">
|
||
|
|
<VolumeUpIcon />
|
||
|
|
</IconButton>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<IconButton
|
||
|
|
onClick={() => {
|
||
|
|
play();
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<VolumeUpIcon />
|
||
|
|
</IconButton>
|
||
|
|
);
|
||
|
|
}
|