javascript - 反应组件音频播放在 Safari 中不起作用

Question

我已经为文本到语音功能构建了一个反应组件。当我从道具中获取文本时，每当用户单击按钮时，它都会转到第三方 api 并播放音频。它在 chrome 和 firefox 中运行良好，但不是 safari。我在互联网上搜索，但没有一个解决方案有效。以下是我的组件。

function TextToSpeechButtons(props) {
      
    function handleClick(text, language) {
        const audioSrc = `http://api.voicerss.org/?key=${api}&hl=${language}&src=${text}&r=-5&v=Chen`
    
        console.log(audioSrc)
        new Audio(audioSrc).play();
        
    };
  
    return(
            <div className="buttonContainer">
                <ButtonGroup>
                     <Button variant="outline-dark" onClick= {() => handleClick(props.english, 'en-gb')}></Button>
                </ButtonGroup>     
            </div>
    );
     
}

有什么想法可以解决 Safari 中的问题吗？（iphone和mac）？多谢！

标签： javascriptreactjsjsx