离子3音频处理
离子3音频处理
提问于 2018-06-26 06:45:21
我有一个情况，我有多个按钮，我的页面和非常按钮有一个音频时，点击。当我点击一个按钮，它的音频播放和播放时，当我点击其他按钮音频被重叠。我需要停止第一个音频时，其他按钮被点击。
这是代码
<div class= "sections" style="width: 18%;" (tap)="wajid1()" (press) = "wajidlong1()">
<div class = "sections" id = "sec1b" >
ﻊَ
</div><!--
--><div class = "sections" id = "sec2b" >
ﻤَ
</div><!--
--><div class = "sections" id = "sec3b" >
ﺟَ
</div>
</div> 这是我的.ts代码
wajid1()
{
document.getElementById("sec1b").style.color = "red";
document.getElementById("sec2b").style.color = "red";
document.getElementById("sec3b").style.color = "red"
var bleep = new Audio();
bleep.src = './assets/sounds/p10_2.mp3';
bleep.play();
bleep.onended = function() {
document.getElementById("sec1b").style.color = "black";
document.getElementById("sec2b").style.color = "black";
document.getElementById("sec3b").style.color = "black";
}
}帮助我实现这一点，谢谢你的期待。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-26 07:28:41
您可以使用下面的代码片段。在全局上声明音频()，并对音频对象使用pause()方法和currentTime
export class HomePage {
bleep = new Audio();
wajid1()
{
this.bleep.pause();
this.bleep.currentTime = 0;
document.getElementById("sec1b").style.color = "red";
document.getElementById("sec2b").style.color = "red";
document.getElementById("sec3b").style.color = "red"
this.bleep.src = './assets/sounds/p10_2.mp3';
this.bleep.play();
this.bleep.onended = function() {
document.getElementById("sec1b").style.color = "black";
document.getElementById("sec2b").style.color = "black";
document.getElementById("sec3b").style.color = "black";
}
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51036449
复制相关文章
相似问题
腾讯云开发者
