Сценарий типа Ionic 3 Cordova нажмите кнопку, чтобы остановить звук

Question

У меня есть ситуация, когда у меня есть несколько кнопок на странице, и каждая кнопка при нажатии или длительном нажатии воспроизводит звук.во время воспроизведения звука нажата другая кнопка, предыдущее аудио все еще воспроизводится и накладывается на новое нажатое аудио.как это предотвратить

вот .html код

<ion-grid style = "width: 80%;"  >
<div>
<ion-row  >

      <ion-col (click)="p10_1()" (press)= "p10_1l()" >

      <div id  = "container" >
      <div class = "sections" id = "w1pl1" >
       ـرَ  
      </div><!--
     --><div class = "sections" id = "w1l2" >
         مَـ  
      </div><!--
      --><div class = "sections" id = "w1l3" >
           اَ  
      </div>

</div>    

 <div id  = "container" (click)="p10_2()" (press)= "p10_2l()">
            <div class = "sections" id = "w2l1" >
              نَ  
      </div>
      <div class = "sections" id = "w2l2" >
           ذِ  
      </div>
      <div class = "sections" id = "w2l3" >
           اَ  
      </div>

    </div>    

вот .ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { NativeAudio } from '@ionic-native/native-audio';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'

})
 export class HomePage {

  constructor(public navCtrl: NavController) {

  }


  p10_1()
  {

      var bleep = new Audio();
      bleep.src = './assets/sounds/q1p10_1.mp3';
      bleep.play();

      }

   p10_1l()
  {
      var bleep = new Audio();
      bleep.src = './assets/sounds/q1p10_1l.mp3';
      bleep.play();

      }





  p10_2()
  {
      var bleep = new Audio();
      bleep.src = './assets/sounds/q1p10_2.mp3';
      bleep.play();
      }

   p10_2l()
  {
      var bleep = new Audio();
      bleep.src = './assets/sounds/q1p10_2l.mp3';
      bleep.play();
      }

спасибо в ожидании.

Answer 1

добавить bleep.stop (); перед bleep.src

p10_1()
  {
      var bleep = new Audio();
      bleep.stop();
      bleep.src = './assets/sounds/q1p10_1.mp3';
      bleep.play();
      }