Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 单击按钮在React.js上播放声音_Reactjs - Fatal编程技术网

Reactjs 单击按钮在React.js上播放声音

Reactjs 单击按钮在React.js上播放声音,reactjs,Reactjs,使用React.js创建播放声音或音乐的按钮时遇到问题 有人能帮我吗 函数aud_play() { var myAudio=document.getElementById('myTune') 如果(我的音频){ myAudio.play(); }否则 { myAudio.pause(); } } 函数aud_play(){ var myAudio=document.getElementById('myTune') if(document.getElementById('myTune').pl

使用React.js创建播放声音或音乐的按钮时遇到问题

有人能帮我吗


函数aud_play()
{
var myAudio=document.getElementById('myTune')
如果(我的音频){
myAudio.play();
}否则
{
myAudio.pause();
}
}

函数aud_play(){
var myAudio=document.getElementById('myTune')
if(document.getElementById('myTune').play==true){
myAudio.pause();
}否则{
myAudio.play();
}
//或者,您可以尝试下面的行
//这会将其值从true反转为false,反之亦然
//document.getElementById('myTune').pause()=!document.getElementById('myTune').pause()
}
超过
document.getElementById(“…”)


函数aud_play(){
var myAudio=document.getElementById('myTune')
if(document.getElementById('myTune').play==true){
myAudio.pause();
}否则{
myAudio.play();
}
//或者,您可以尝试下面的行
//这会将其值从true反转为false,反之亦然
//document.getElementById('myTune').pause()=!document.getElementById('myTune').pause()
}
超过
document.getElementById(“…”)


让我们看看你到目前为止已经尝试了什么。你尝试了什么,以及到底是什么问题?(你能创建一个按钮,但声音不能播放吗?你能播放声音,但不能点击按钮吗?)我已经修改了一个smple html,但我现在的问题是如何将其转换为reactJS。向我们展示你迄今为止所做的尝试。你尝试了什么,以及到底是什么问题?(你能创建一个按钮,但声音不能播放吗?你能播放声音,但不能点击按钮吗?)我修改了一个smple html,但我现在的问题是如何转换它。
<!DOCTYPE html>
<html>
    <head>
        <title></title>

        <script type="text/javascript">
            function aud_play() {
                var myAudio= document.getElementById('myTune')
                if(document.getElementById('myTune').play == true) {
                    myAudio.pause();
                } else {
                    myAudio.play();
                }
                // Alternatively, you could try the line below
                // This inverts it's value from true to false and vice versa
                // document.getElementById('myTune').pause() = !document.getElementById('myTune').pause()
            }
        </script>
    </head>

    <body>
        <audio id="myTune">
            <source src="laugh.mp3"></source>
        </audio>
     <button type="button" onclick="aud_play()"></button>

</body>
</html>