Как приостановить или остановить HTML5 Audio элемент из component.ts - PullRequest
Новая
       20

Как приостановить или остановить HTML5 Audio элемент из component.ts

0 голосов
/ 08 апреля 2019

Я хотел бы иметь возможность создать функцию для остановки или приостановки HTML из моего файла component.ts. Я не вижу каких-либо встроенных методов для приостановки звука, используя document.getelement 

<audio controls id="audio-file" >
<source src="sample.wav" type="audio/wav">
</audio>

import { Component, OnInit, Inject } from '@angular/core';
import { DOCUMENT } from "@angular/platform-browser";
import { WINDOW } from "../../services/window.service";

@Component({
  selector: 'app-audio',
  templateUrl: './audio.component.html',
  styleUrls: ['./audio.component.css']
})
export class AudioComponent implements OnInit {
  private audio = this.document.getElementById("audio-file")
  constructor(
    @Inject(DOCUMENT) private document: Document,
    @Inject(WINDOW) private window: Window
  ) { }
  ngOnInit() {
  }
stopAudio(){
  this.document.getElementById('audio-file')
}
}

1 Ответ

1 голос
/ 08 апреля 2019

Вызовите .pause() на аудиоэлементе. 

stopAudio() {
  this.audio.pause();
}

https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement

...