zgo/src/app/notifier.service.ts

import { Injectable } from '@angular/core';
import { MatSnackBar, MatSnackBarHorizontalPosition,
         MatSnackBarVerticalPosition } from '@angular/material/snack-bar';
import { NotifierComponent } from './notifier/notifier.component';

@Injectable({
  providedIn: 'root'
})
export class NotifierService {

  constructor(public snackBar:MatSnackBar,
              ) { }

  showNotification(displayMessage:string, 
                   buttonText: string, 
                   messageType: 'error' | 'success' | 'warning',
                   messageTypeStr : string = '') {
    this.snackBar.openFromComponent(NotifierComponent, {
      data: {
        message: displayMessage,
        buttonText: buttonText,
        type : messageType,
        typelbl : messageTypeStr
      },  
      duration: 4000,
      verticalPosition: 'top',
      panelClass: [messageType],
    });
    this.playSound();
  }
  
  playSound() {
//    console.log('Play sound called...');
    let audio = new Audio();
    audio.src = '../assets/notifier_1.mp3';
    audio.load();
    audio.play();
  }

}