{"version":3,"file":"io-player.mjs","sources":["../../src/app/io-player/io-player/io-player.service.ts","../../src/app/io-player/io-player/io-player.component.ts","../../src/app/io-player/io-player/io-player.component.html","../../src/app/io-player/io-player.module.ts","../../src/io-player.ts"],"sourcesContent":["import {Injectable, OnDestroy} from '@angular/core';\nimport {BehaviorSubject, from, fromEvent, Observable, Subscription} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\n\n@Injectable()\nexport class IoPlayerService implements OnDestroy {\n\n private _audio: HTMLAudioElement;\n private _isPlaying = false;\n private _isPlaying$: BehaviorSubject;\n private subscriptions: Subscription[] = [];\n\n constructor() {\n this._isPlaying$ = new BehaviorSubject(this._isPlaying);\n }\n\n\n ngOnDestroy() {\n if (this._isPlaying) {\n this.pause();\n }\n this.subscriptions.forEach(subscription => subscription.unsubscribe());\n }\n\n /**\n * @description initiatize audio player.\n */\n init(source: string) {\n this._audio = document.createElement('audio');\n this._audio.src = source;\n this.audioFinish$.subscribe(() => this.pause());\n }\n\n /**\n * @description API to play current player.\n */\n play() {\n if (!this._isPlaying) {\n from(this._audio.play()).subscribe(() => {\n this.toggleIsPlaying();\n });\n }\n }\n\n /**\n * @description API to pause player.\n */\n pause() {\n if (!this._isPlaying) return;\n this._audio.pause();\n this.toggleIsPlaying();\n }\n\n forward(offset = 10.0) {\n if (!this._isPlaying) return;\n this._audio.currentTime += offset;\n }\n\n backward(offset = 10.0) {\n if (!this._isPlaying) return;\n this._audio.currentTime -= offset;\n }\n\n /**\n * @description ask for specific pourcentage position.\n */\n readFromPercentage(percentage: number) {\n this._audio.currentTime = this._audio.duration * percentage / 100;\n }\n\n /**\n * @description switch isPlaying state.\n */\n private toggleIsPlaying() {\n this._isPlaying = !this._isPlaying;\n this._isPlaying$.next(this._isPlaying);\n }\n\n /**\n * @description observable of current percentage position in audio.\n */\n get percentageReaded$(): Observable {\n return fromEvent(this._audio, 'timeupdate').pipe(map(() => {\n return (this._audio.currentTime / this._audio.duration) * 100;\n }));\n }\n\n /**\n * @description observable who notify when 'ended' audio event is fire.\n */\n get audioFinish$(): Observable {\n return fromEvent(this._audio, 'ended').pipe(map(() => {\n return null;\n }));\n }\n\n /**\n * @description Observable to determine if current sound is playing or not.\n */\n get isPlaying$(): Observable {\n return this._isPlaying$.asObservable();\n }\n}\n","import {\n ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output,\n ViewChild\n} from '@angular/core';\nimport {Subscription} from 'rxjs/internal/Subscription';\nimport {IoPlayerService} from './io-player.service';\n\n@Component({\n selector: 'io-player',\n templateUrl: './io-player.component.html',\n styleUrls: ['./io-player.component.scss'],\n providers: [IoPlayerService],\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IoPlayerComponent implements OnInit, OnDestroy {\n @Input() src: string;\n @Input() cover: string;\n @Input() author: string;\n @Input() song: string;\n\n @Input() set fastForward(step:string) {\n this.forwardOffsetStep = parseFloat(step);\n }\n\n // eslint-disable-next-line @angular-eslint/no-output-rename\n @Output('progression') progression$: EventEmitter;\n\n @ViewChild('coverEl') coverElement: ElementRef;\n @ViewChild('timelineBar') timelineElement: ElementRef;\n\n public isPlaying = false;\n public progression = 0;\n public forwardOffsetStep: number = 10.0;\n private subscriptions: Subscription[] = [];\n\n constructor(\n public playerService: IoPlayerService,\n private changeRef: ChangeDetectorRef\n ) {\n this.progression$ = new EventEmitter();\n }\n\n ngOnInit() {\n this.playerService.init(this.src);\n this.subscriptions.push(\n this.playerService.isPlaying$.subscribe(state => {\n this.isPlaying = state;\n this.changeRef.detectChanges();\n }),\n this.playerService.percentageReaded$.subscribe(state => {\n this.progression = state;\n this.progression$.emit(state);\n this.changeRef.detectChanges();\n })\n );\n }\n\n ngOnDestroy() {\n this.subscriptions.forEach(subscription => subscription.unsubscribe());\n }\n\n /**\n * Click handler on play pause button.\n */\n onPlayHandler() {\n if (!this.isPlaying) {\n this.playerService.play();\n } else {\n this.playerService.pause();\n }\n }\n\n /**\n * Click Handler on timeline bar\n */\n onChangeTimelinekHandler($event: MouseEvent) {\n const percentage = Math.floor(($event.offsetX / this.timelineElement.nativeElement.offsetWidth) * 100);\n this.playerService.readFromPercentage(percentage);\n }\n\n onFastBackwardHandler() {\n this.playerService.backward(this.forwardOffsetStep);\n }\n onFastForwardHandler() {\n this.playerService.forward(this.forwardOffsetStep);\n }\n}\n","
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n\n
\n \n \n
\n\n
\n \n
\n
\n
\n
\n

\n {{ author }}\n

\n

\n {{ song }}\n

\n\n \n
\n
\n","import {IoPlayerComponent} from './io-player/io-player.component';\nimport {BrowserModule} from '@angular/platform-browser';\nimport {DoBootstrap, Injector, NgModule} from '@angular/core';\nimport {createCustomElement} from '@angular/elements';\n\n@NgModule({\n declarations: [\n IoPlayerComponent\n ],\n entryComponents: [\n IoPlayerComponent\n ],\n imports: [\n BrowserModule\n ],\n exports: [\n IoPlayerComponent\n ],\n providers: [],\n bootstrap: []\n})\nexport class IoPlayerModule implements DoBootstrap {\n constructor(private injector: Injector) {\n const customElement = createCustomElement(IoPlayerComponent, {injector});\n customElements.define('io-player', customElement);\n }\n\n // eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method\n ngDoBootstrap() {\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}