javascript - 在按钮单击 Javascript 时播放交替音频
问题描述
- 第一次点击:播放音频1
- 第二次点击:播放音频2
- 第三次点击:返回音频1
等等
这是我的 HTML 2 音频和按钮。
<audio id="breatheIn" src="breathIn.mp3"></audio>
<audio id="breatheOut" src="breathIn.mp3"></audio>
<button class="Breather"id="Breather" value="Inhale">Inhale</button>
解决方案
我的解决方案:
<script>
var startButton = document.getElementById("Breather");
var track1 = document.getElementById("audio1");
var track2 = document.getElementById("audio2");
var status1 = document.getElementById("playStatus1");
var status2 = document.getElementById("playStatus2");
var currTrack = document.getElementById("currTrack");
var play1 = true;
var started = false;
startButton.onclick = function(){
if(play1 == true){
track2.currentTime = 0;
track2.pause();
track1.play();
status2.innerHTML = "stopped"
status1.innerHTML = "playing";
currTrack.innerHTML = "Track 1";
play1 = false;
}
else if (play1 == false){
track1.currentTime = 0;
track1.pause();
status1.innerHTML = "stopped";
status2.innerHTML = "playing";
track2.play();
currTrack.innerHTML = "Track 2";
play1 = true;
}
}
</script>```
推荐阅读
- bash - 使用 bash 将数字列表转换为表格中多个字段的范围
- regex - Pandas 正则表达式替换另一列的值
- javascript - Javascript:如何检测 contenteditable div 中的某些字符
- python - 我正在尝试让 Text 小部件功能在 python tkinter 中正常工作
- parsing - 为什么简约不解析这个?
- javascript - 如何在网络应用程序的谷歌应用程序脚本中调用 prompt() 或 alert()?
- vuetify.js - Vuetify 数据表中,带有槽模板的表列
- python - 如何在创建时“numify”python嵌套列表
- google-forms - 删除 Google 表单通知发送的页脚消息
- kotlin - 如何在 Try-Catch 块内进行安全投射