(id)
| 101 | }; |
| 102 | |
| 103 | const handlePause = (id) => { |
| 104 | document.getElementsByClassName(`pause-button-${id}`)[0].classList.add('hidden') |
| 105 | document.getElementsByClassName(`speak-button-${id}`)[0].classList.remove('hidden') |
| 106 | if (speechInstanceRef.current && !isPaused) { |
| 107 | window.speechSynthesis.cancel(); |
| 108 | setIsPaused(false); |
| 109 | } |
| 110 | setIsPlaying(false); |
| 111 | setCurrentPosition(0) |
| 112 | }; |
| 113 | |
| 114 | useEffect(() => { |
| 115 | fetchData(); |