diff --git a/projects/player/src/app/services/navigation.service.ts b/projects/player/src/app/services/navigation.service.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e6ec5fb51086ca534c5adf477c2eaa981c3508d8
--- /dev/null
+++ b/projects/player/src/app/services/navigation.service.ts
@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class NavigationService {
+  private _pageIndex = new Subject<number>();
+
+  setPage(pageIndex: number): void {
+    this._pageIndex.next(pageIndex);
+  }
+
+  get pageIndex(): Observable<number> {
+    return this._pageIndex.asObservable();
+  }
+}