如何通过编程改变Angular inside Electron中的音频输出设备？

import { Component } from '@angular/core';
import { remote } from 'electron';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="changeAudioOutput()">Change Audio Output</button>
  `,
})
export class AppComponent {
  changeAudioOutput() {
    const webContents = remote.getCurrentWebContents();
    webContents.executeJavaScript(`
      navigator.mediaDevices.enumerateDevices()
        .then(devices => {
          const audioOutputDevices = devices.filter(device => device.kind === 'audiooutput');
          const targetDevice = audioOutputDevices.find(device => device.label === 'Target Device');
          if (targetDevice) {
            return navigator.mediaDevices.getUserMedia({ audio: { deviceId: targetDevice.deviceId } });
          }
        })
        .then(stream => {
          // Handle the audio stream, e.g., bind it to an HTML audio element
        })
        .catch(error => {
          console.error('Failed to change audio output:', error);
        });
    `);
  }
}