Audio player with a playlist using buttons

Open benhalverson opened this issue 7 years ago • 1 comments

Description

I'm attempting to make a sound board app with Angular 6 and Electron. I'm trying to use Videogular 2 for the audio player. My github repo can be found here https://github.com/benhalverson/electron-angular-soundapp

Expected Behavior

No errors. The buttons should start or stop the audio player.

Actual Behavior

This is the error I'm getting.

ERROR TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
    at _global.(:4200/anonymous function).(anonymous function) [as observe] (http://localhost:4200/polyfills.js:3980:60)
    at Observable._subscribe (vg-media.js:74)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:82)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:82
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:83)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:83
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:84)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:84
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:85)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:85
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:86)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:86
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:87)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:87
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:88)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:88
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:89)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:89
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:90)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:90
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:91)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:91
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:92)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:92
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:93)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:93
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgMedia.push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit (vg-media.js:94)
    at checkAndUpdateDirectiveInline (core.js:11651)
    at checkAndUpdateNodeInline (core.js:13257)
    at checkAndUpdateNode (core.js:13196)
    at debugCheckAndUpdateNode (core.js:14152)
    at debugCheckDirectivesFn (core.js:14095)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/core/vg-media/vg-media.js.VgMedia.ngOnInit @ vg-media.js:94
checkAndUpdateDirectiveInline @ core.js:11651
checkAndUpdateNodeInline @ core.js:13257
checkAndUpdateNode @ core.js:13196
debugCheckAndUpdateNode @ core.js:14152
debugCheckDirectivesFn @ core.js:14095
(anonymous) @ HomeComponent.html:30
debugUpdateDirectives @ core.js:14083
checkAndUpdateView @ core.js:13161
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
VgPlaybackButton.html:2 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'aria-valuetext: 1'. Current value: 'aria-valuetext: undefined'.
    at viewDebugError (core.js:9106)
    at expressionChangedAfterItHasBeenCheckedError (core.js:9083)
    at checkBindingNoChanges (core.js:9255)
    at checkNoChangesNodeInline (core.js:13333)
    at checkNoChangesNode (core.js:13306)
    at debugCheckNoChangesNode (core.js:14201)
    at debugCheckRenderNodeFn (core.js:14133)
    at Object.eval [as updateRenderer] (VgPlaybackButton.html:2)
    at Object.debugUpdateRenderer [as updateRenderer] (core.js:14118)
    at checkNoChangesView (core.js:13141)
View_VgPlaybackButton_0 @ VgPlaybackButton.html:2
proxyClass @ compiler.js:9505
logError @ core.js:14395
handleError @ core.js:2040
_zone.runOutsideAngular @ core.js:5508
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
tick @ core.js:5508
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onLeave @ core.js:4657
onInvokeTask @ core.js:4607
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask @ zone-mix.js:420
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:188
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
schedulerFn.__isAsync @ core.js:4314
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
push../node_modules/videogular2/src/core/services/vg-api.js.VgAPI.onPlayerReady @ vg-api.js:14
push../node_modules/videogular2/src/core/vg-player/vg-player.js.VgPlayer.ngAfterContentInit @ vg-player.js:31
callProviderLifecycles @ core.js:12000
callElementProvidersLifecycles @ core.js:11972
callLifecycleHooksChildrenFirst @ core.js:11954
checkAndUpdateView @ core.js:13166
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
VgPlaybackButton.html:2 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 0, nodeDef: {…}, elDef: {…}, elView: {…}}
View_VgPlaybackButton_0 @ VgPlaybackButton.html:2
proxyClass @ compiler.js:9505
logError @ core.js:14395
handleError @ core.js:2045
_zone.runOutsideAngular @ core.js:5508
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
tick @ core.js:5508
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onLeave @ core.js:4657
onInvokeTask @ core.js:4607
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask @ zone-mix.js:420
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:188
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
schedulerFn.__isAsync @ core.js:4314
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
push../node_modules/videogular2/src/core/services/vg-api.js.VgAPI.onPlayerReady @ vg-api.js:14
push../node_modules/videogular2/src/core/vg-player/vg-player.js.VgPlayer.ngAfterContentInit @ vg-player.js:31
callProviderLifecycles @ core.js:12000
callElementProvidersLifecycles @ core.js:11972
callLifecycleHooksChildrenFirst @ core.js:11954
checkAndUpdateView @ core.js:13166
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at HomeComponent.onPlayerReady (home.component.ts:113)
    at Object.eval [as handleEvent] (HomeComponent.html:24)
    at handleEvent (core.js:12885)
    at callWithDebugContext (core.js:14460)
    at Object.debugHandleEvent [as handleEvent] (core.js:14071)
    at dispatchEvent (core.js:9301)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
onPlayerReady @ home.component.ts:113
(anonymous) @ HomeComponent.html:24
handleEvent @ core.js:12885
callWithDebugContext @ core.js:14460
debugHandleEvent @ core.js:14071
dispatchEvent @ core.js:9301
(anonymous) @ core.js:11578
schedulerFn.__isAsync @ core.js:4315
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
push../node_modules/videogular2/src/core/vg-player/vg-player.js.VgPlayer.ngAfterContentInit @ vg-player.js:32
callProviderLifecycles @ core.js:12000
callElementProvidersLifecycles @ core.js:11972
callLifecycleHooksChildrenFirst @ core.js:11954
checkAndUpdateView @ core.js:13166
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgControls.push../node_modules/videogular2/src/controls/vg-controls.js.VgControls.onPlayerReady (vg-controls.js:35)
    at vg-controls.js:30
    at setTimeout (core.js:4314)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask (zone-mix.js:421)
    at Object.onInvokeTask (core.js:4604)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask (zone-mix.js:420)
defaultErrorLogger @ core.js:1992
handleError @ core.js:2040
next @ core.js:5195
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
zone.runOutsideAngular @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
runOutsideAngular @ core.js:4561
onHandleError @ core.js:4635
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.handleError @ zone-mix.js:392
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:191
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
hostReportError @ hostReportError.js:2
error @ Subscriber.js:160
_error @ Subscriber.js:76
error @ Subscriber.js:56
_trySubscribe @ Observable.js:50
subscribe @ Observable.js:28
push../node_modules/videogular2/src/controls/vg-controls.js.VgControls.onPlayerReady @ vg-controls.js:35
(anonymous) @ vg-controls.js:30
setTimeout @ core.js:4314
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask @ zone-mix.js:421
onInvokeTask @ core.js:4604
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask @ zone-mix.js:420
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:188
push../node_modules/zone.js/dist/zone-mix.js.ZoneTask.invokeTask @ zone-mix.js:496
ZoneTask.invoke @ zone-mix.js:485
timer @ zone-mix.js:2074
setTimeout (async)
scheduleTask @ zone-mix.js:2095
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:407
onScheduleTask @ zone-mix.js:297
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:401
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMacroTask @ zone-mix.js:255
scheduleMacroTaskWithCurrentZone @ zone-mix.js:1114
(anonymous) @ zone-mix.js:2110
proto.(anonymous function) @ zone-mix.js:1394
schedulerFn.__isAsync @ core.js:4314
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
push../node_modules/videogular2/src/core/services/vg-api.js.VgAPI.onPlayerReady @ vg-api.js:14
push../node_modules/videogular2/src/core/vg-player/vg-player.js.VgPlayer.ngAfterContentInit @ vg-player.js:31
callProviderLifecycles @ core.js:12000
callElementProvidersLifecycles @ core.js:11972
callLifecycleHooksChildrenFirst @ core.js:11954
checkAndUpdateView @ core.js:13166
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callViewAction @ core.js:13526
execEmbeddedViewsAction @ core.js:13483
checkAndUpdateView @ core.js:13162
callViewAction @ core.js:13526
execComponentViewsAction @ core.js:13455
checkAndUpdateView @ core.js:13168
callWithDebugContext @ core.js:14460
debugCheckAndUpdateView @ core.js:14018
detectChanges @ core.js:10974
_views.forEach @ core.js:5501
tick @ core.js:5501
_zone.run @ core.js:5383
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:388
onInvoke @ core.js:4613
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invoke @ zone-mix.js:387
push../node_modules/zone.js/dist/zone-mix.js.Zone.run @ zone-mix.js:138
run @ core.js:4500
next @ core.js:5383
schedulerFn.__isAsync @ core.js:4303
__tryOrUnsub @ Subscriber.js:187
next @ Subscriber.js:126
_next @ Subscriber.js:73
next @ Subscriber.js:50
next @ Subject.js:39
emit @ core.js:4283
checkStable @ core.js:4578
onHasTask @ core.js:4626
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.hasTask @ zone-mix.js:441
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate._updateTaskCount @ zone-mix.js:461
push../node_modules/zone.js/dist/zone-mix.js.Zone._updateTaskCount @ zone-mix.js:285
push../node_modules/zone.js/dist/zone-mix.js.Zone.runTask @ zone-mix.js:205
drainMicroTaskQueue @ zone-mix.js:595
Promise.then (async)
scheduleMicroTask @ zone-mix.js:578
push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.scheduleTask @ zone-mix.js:410
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleTask @ zone-mix.js:232
push../node_modules/zone.js/dist/zone-mix.js.Zone.scheduleMicroTask @ zone-mix.js:252
scheduleResolveOrReject @ zone-mix.js:862
ZoneAwarePromise.then @ zone-mix.js:962
bootstrapModule @ core.js:5235
./src/main.ts @ main.ts:12
__webpack_require__ @ bootstrap:78
0 @ polyfills.ts:84
__webpack_require__ @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
core.js:1992 ERROR TypeError: Invalid event target
    at setupSubscription (fromEvent.js:49)
    at Observable._Observable__WEBPACK_IMPORTED_MODULE_0__.Observable.subscriber [as _subscribe] (fromEvent.js:23)
    at Observable._trySubscribe (Observable.js:42)
    at Observable.subscribe (Observable.js:28)
    at VgControls.push../node_modules/videogular2/src/controls/vg-controls.js.VgControls.onPlayerReady (vg-controls.js:36)
    at vg-controls.js:30
    at setTimeout (core.js:4314)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask (zone-mix.js:421)
    at Object.onInvokeTask (core.js:4604)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone-mix.js.ZoneDelegate.invokeTask (zone-mix.js:420)

Steps to Reproduce

My HTML

    <button mat-raised-button *ngFor="let item of playlist; let $index = index" (click)="onClickPLaylistItem(item, $index)">
      {{ item.title }}

    </button>
  </div>
</div>

<vg-player style="height: 50px;" (onPlayerReady)="onPlayerReady($event)">
  <vg-controls>
    <vg-play-pause></vg-play-pause>
    <vg-playback-button></vg-playback-button>
  </vg-controls>

  <audio #media [vgMedia]="playlist" preload="auto">
    <source *ngFor="let audio of playlist" [src]="audio.src" [type]="audio.type">
  </audio>
</vg-player>

home.component.ts

import { Component, OnInit, Input, ViewChild } from '@angular/core';
import { ElectronService } from '../../providers/electron.service';
import { VgAPI } from 'videogular2/core';
export interface IMedia {
  title: string;
  src: string;
  type: string;
}
@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
  constructor(private _electronService: ElectronService) {}
  playlist: Array<IMedia> = [
    {
      title: 'Bell',
      src: localStorage.audio1 || './assets/audio/bell-3.wav',
      type: 'audio/wav'
    },
    {
      title: 'compact car',
      src: localStorage.audio2 || './assets/audio/compact-car-screeching.wav',
      type: 'audio/wav'
    },
    {
      title: 'crowd awww',
      src: localStorage.audio3 || './assets/audio/crowd-aww.wav',
      type: 'audio/wav'
    },
    {
      title: 'crowd bravo',
      src: localStorage.audio4 || './assets/audio/crowd-bravo.wav',
      type: 'audio/wav'
    },
    {
      title: 'cround count down 10 - 1 ',
      src:
        localStorage.audio5 || './assets/audio/crowd-countdown-ten-to-one.wav',
      type: 'audio/wav'
    },
    {
      title: 'crowd painful ohhhh',
      src: localStorage.audio6 || './assets/audio/crowd-painful-ohh.wav',
      type: 'audio/wav'
    },
    {
      title: 'harp spell classic',
      src: localStorage.audio7 || './assets/audio/harp-spell-classic.wav',
      type: 'audio/wav'
    },
    {
      title: 'huge long ovation male crowd',
      src:
        localStorage.audio8 ||
        './assets/audio/huge-long-ovation-male-crowd.wav',
      type: 'audio/wav'
    },
    {
      title: 'police bull horn pull over',
      src:
        localStorage.audio9 || './assets/audio/police-bull-horn-pull-over.wav',
      type: 'audio/wav'
    },
    {
      title: 'police siren',
      src: localStorage.audio10 || './assets/audio/police-siren.wav',
      type: 'audio/wav'
    },
    {
      title: 'car crash',
      src: localStorage.audio10 || './assets/audio/sfx-car-crash.wav',
      type: 'audio/wav'
    },
    {
      title: 'spring 3',
      src: localStorage.audio10 || './assets/audio/spring-3.wav',
      type: 'audio/wav'
    },
    {
      title: 'toilet flush big',
      src: localStorage.audio10 || './assets/audio/toilet-flush-big.wav',
      type: 'audio/wav'
    },
    {
      title: 'train-horn-double',
      src: localStorage.audio10 || './assets/audio/train-horn-double.wav',
      type: 'audio/wav'
    }
  ];

  preload = 'auto';
  currentIndex = 0;
  currentItem: IMedia = this.playlist[this.currentIndex];
  api: VgAPI;
  openMenu() {
    // this.trigger.openMenu();
    // console.log('menu opened');
  }

  onPlayerReady(api: VgAPI): void {
    this.api = api;
    this.api
      .getDefaultMedia()
      .subscriptions.loadedMetadata.subscribe(this.playAudio.bind(this));
  }
  playAudio() {
    this.api.play();
  }

  onClickPLaylistItem(item: IMedia, index: number) {
    this.currentIndex = index;
    this.currentItem = item;
    console.log('current item', this.currentItem);
    console.log('clicked from onclickplaylist');
  }
  ngOnInit() {}
}

app.module.ts

import 'zone.js/dist/zone-mix';
import 'reflect-metadata';
import '../polyfills';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { HttpClientModule, HttpClient } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { ElectronService } from './providers/electron.service';
import { WebviewDirective } from './directives/webview.directive';
import { AppComponent } from './app.component';
import { HomeComponent } from './components/home/home.component';
import { SettingsComponent } from './components/settings/settings.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule, MatCheckboxModule } from '@angular/material';
import { MatMenuModule } from '@angular/material/menu';
import { MatGridListModule } from '@angular/material/grid-list';
import { NgxElectronModule } from 'ngx-electron';
import { VgCoreModule } from 'videogular2/core';
import { VgControlsModule } from 'videogular2/controls';
import { VgOverlayPlayModule } from 'videogular2/overlay-play';
import { VgBufferingModule } from 'videogular2/buffering';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    WebviewDirective,
    SettingsComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    AppRoutingModule,
    MatButtonModule,
    MatCheckboxModule,
    MatMenuModule,
    MatGridListModule,
    NgxElectronModule,
    BrowserAnimationsModule,
    VgCoreModule,
    VgControlsModule,
    VgOverlayPlayModule,
    VgBufferingModule
  ],
  providers: [ElectronService],
  bootstrap: [AppComponent]
})
export class AppModule {}

Oct 25 '18 05:10 benhalverson

@Elecash I figured out my issue. One problem I still have is I need to press the button twice for the audio to play. Here's my updated code

audioplayer.ts

import { Component, OnInit } from '@angular/core';
import { VgAPI } from 'videogular2/core';
export interface IMedia {
  title: string;
  src: string;
  type: string;
}
@Component({
  selector: 'app-audio-player',
  templateUrl: './audio-player.component.html',
  styleUrls: ['./audio-player.component.css']
})
export class AudioPlayerComponent implements OnInit {
  playlist: Array <IMedia> = [
   {
      title: 'Bell',
      src: './assets/audio/bell-3.wav',
      type: 'audio/wav'
    },
    {
      title: 'compact car',
      src: './assets/audio/compact-car-screeching.wav',
      type: 'audio/wav'
    },
    {
      title: 'crowd awww',
      src: './assets/audio/crowd-aww.wav',
      type: 'audio/wav'
    }
  ];

  currentIndex = 0;
  currentItem: IMedia = this.playlist[ this.currentIndex ];
  api: VgAPI;
  public name: string;
  controls: boolean = false;
  autoplay: boolean = true;
  loop: boolean = false;
  preload: string = 'auto';

  constructor() { }


  onClickPLaylistItem(item: IMedia, index: number) {
    this.currentIndex = index;
    this.currentItem = item;
  }

  onPlayerReady(api: VgAPI) {
    this.api = api;

    this.api.getDefaultMedia().subscriptions.ended.subscribe(
        () => {
            // Set the video to the beginning
            this.api.getDefaultMedia().currentTime = 0;
        }
    );

}

  ngOnInit() {}
}

audioplayer.html

<div class="buttons">
  <button mat-raised-button (click)="onClickPLaylistItem(item, $index); api.play()" *ngFor="let item of playlist; let $index = index" >
    {{ item.title }}

  </button>
<vg-player (onPlayerReady)="onPlayerReady($event)">
  
  <vg-controls>
    <vg-play-pause></vg-play-pause>

  </vg-controls>
  <audio #media [vgMedia]="media" [src]="currentItem.src" id="modalPlayer" preload="none"></audio>
</vg-player>

Oct 28 '18 10:10 benhalverson