Reactjs 单击按钮在React.js上播放声音
使用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
函数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>