Feature: Indication Icon which service is playing media (#655)

1 files changed, 20 insertions, 0 deletions

diff --git a/src/models/Service.ts b/src/models/Service.ts
index fb594a6f4..b44e081b7 100644
--- a/src/models/Service.ts
+++ b/src/models/Service.ts
@@ -124,6 +124,8 @@ export default class Service {
 
   @observable proxy: string | null = null;
 
+  @observable isMediaPlaying: boolean = false;
+
   @action _setAutoRun() {
     if (!this.isEnabled) {
       this.webview = null;
@@ -261,6 +263,14 @@ export default class Service {
     this.hasCrashed = true;
   }
 
+  @action _didMediaPlaying(): void {
+    this.isMediaPlaying = true;
+  }
+
+  @action _didMediaPaused(): void {
+    this.isMediaPlaying = false;
+  }
+
   @computed get shareWithWebview(): object {
     return {
       id: this.id,
@@ -494,6 +504,16 @@ export default class Service {
       this.webview.send('found-in-page', result);
     });
 
+    this.webview.addEventListener('media-started-playing', event => {
+      debug('Started Playing media', this.name, event);
+      this._didMediaPlaying();
+    });
+
+    this.webview.addEventListener('media-paused', event => {
+      debug('Stopped Playing media', this.name, event);
+      this._didMediaPaused();
+    });
+
     webviewWebContents.on('login', (event, _, authInfo, callback) => {
       // const authCallback = callback;
       debug('browser login event', authInfo);