# HG changeset patch
# User Lucas Thompson <dev@lucas.im>
# Date 1495731166 -3600
# Node ID f87a96ab1e3ff262369782aee22ac2aab44d44d0
# Parent  ce598b654044e8db1fdb4bf0dea80a418ff8eb11
Back the playing state observable with a ReplaySubject so that animating a play head can be picked up on render

diff -r ce598b654044 -r f87a96ab1e3f src/app/services/audio-player/audio-player.service.ts
--- a/src/app/services/audio-player/audio-player.service.ts	Thu May 25 17:51:46 2017 +0100
+++ b/src/app/services/audio-player/audio-player.service.ts	Thu May 25 17:52:46 2017 +0100
@@ -1,6 +1,7 @@
 import {Injectable, Inject} from '@angular/core';
 import {Subject} from 'rxjs/Subject';
 import {Observable} from 'rxjs/Observable';
+import {ReplaySubject} from 'rxjs/ReplaySubject';
 
 export interface UrlResourceLifetimeManager {
   createUrlToResource(resource: File | Blob): string;
@@ -39,8 +40,10 @@
                 'UrlResourceLifetimeManager'
               ) private resourceManager: UrlResourceLifetimeManager) {
     this.currentObjectUrl = '';
-    this.playingStateChange = new Subject<boolean>();
-    this.playingStateChange$ = this.playingStateChange.asObservable();
+    this.playingStateChange = new ReplaySubject<boolean>(1);
+    this.playingStateChange$ = this.playingStateChange
+      .asObservable();
+
     this.seeked = new Subject<number>();
     this.seeked$ = this.seeked.asObservable();
     this.audioElement.addEventListener('ended', () => {