@angular/youtube-player 14.0.0-next.12 → 14.0.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/youtube-module.mjs +4 -4
- package/esm2020/youtube-player.mjs +3 -3
- package/fesm2015/youtube-player.mjs +7 -7
- package/fesm2020/youtube-player.mjs +7 -7
- package/index.d.ts +139 -6
- package/package.json +4 -4
- package/public-api.d.ts +0 -9
- package/youtube-module.d.ts +0 -7
- package/youtube-player.d.ts +0 -130
- package/youtube-player_public_index.d.ts +0 -4
|
@@ -11,10 +11,10 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
const COMPONENTS = [YouTubePlayer];
|
|
12
12
|
export class YouTubePlayerModule {
|
|
13
13
|
}
|
|
14
|
-
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
15
|
-
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
16
|
-
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
14
|
+
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, declarations: [YouTubePlayer], exports: [YouTubePlayer] });
|
|
16
|
+
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, decorators: [{
|
|
18
18
|
type: NgModule,
|
|
19
19
|
args: [{
|
|
20
20
|
declarations: COMPONENTS,
|
|
@@ -375,9 +375,9 @@ export class YouTubePlayer {
|
|
|
375
375
|
takeUntil(this._destroyed));
|
|
376
376
|
}
|
|
377
377
|
}
|
|
378
|
-
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
379
|
-
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
378
|
+
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
379
|
+
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.15", type: YouTubePlayer, selector: "youtube-player", inputs: { videoId: "videoId", height: "height", width: "width", startSeconds: "startSeconds", endSeconds: "endSeconds", suggestedQuality: "suggestedQuality", playerVars: "playerVars", showBeforeIframeApiLoads: "showBeforeIframeApiLoads" }, outputs: { ready: "ready", stateChange: "stateChange", error: "error", apiChange: "apiChange", playbackQualityChange: "playbackQualityChange", playbackRateChange: "playbackRateChange" }, viewQueries: [{ propertyName: "youtubeContainer", first: true, predicate: ["youtubeContainer"], descendants: true }], ngImport: i0, template: '<div #youtubeContainer></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, decorators: [{
|
|
381
381
|
type: Component,
|
|
382
382
|
args: [{
|
|
383
383
|
selector: 'youtube-player',
|
|
@@ -367,9 +367,9 @@ class YouTubePlayer {
|
|
|
367
367
|
takeUntil(this._destroyed));
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
|
-
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
371
|
-
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
370
|
+
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
371
|
+
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.15", type: YouTubePlayer, selector: "youtube-player", inputs: { videoId: "videoId", height: "height", width: "width", startSeconds: "startSeconds", endSeconds: "endSeconds", suggestedQuality: "suggestedQuality", playerVars: "playerVars", showBeforeIframeApiLoads: "showBeforeIframeApiLoads" }, outputs: { ready: "ready", stateChange: "stateChange", error: "error", apiChange: "apiChange", playbackQualityChange: "playbackQualityChange", playbackRateChange: "playbackRateChange" }, viewQueries: [{ propertyName: "youtubeContainer", first: true, predicate: ["youtubeContainer"], descendants: true }], ngImport: i0, template: '<div #youtubeContainer></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, decorators: [{
|
|
373
373
|
type: Component,
|
|
374
374
|
args: [{
|
|
375
375
|
selector: 'youtube-player',
|
|
@@ -543,10 +543,10 @@ function filterOnOther(otherObs, filterFn) {
|
|
|
543
543
|
const COMPONENTS = [YouTubePlayer];
|
|
544
544
|
class YouTubePlayerModule {
|
|
545
545
|
}
|
|
546
|
-
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
547
|
-
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
548
|
-
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
549
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
546
|
+
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
547
|
+
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, declarations: [YouTubePlayer], exports: [YouTubePlayer] });
|
|
548
|
+
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule });
|
|
549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, decorators: [{
|
|
550
550
|
type: NgModule,
|
|
551
551
|
args: [{
|
|
552
552
|
declarations: COMPONENTS,
|
|
@@ -367,9 +367,9 @@ class YouTubePlayer {
|
|
|
367
367
|
takeUntil(this._destroyed));
|
|
368
368
|
}
|
|
369
369
|
}
|
|
370
|
-
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
371
|
-
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
372
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
370
|
+
YouTubePlayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
371
|
+
YouTubePlayer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "14.0.0-next.15", type: YouTubePlayer, selector: "youtube-player", inputs: { videoId: "videoId", height: "height", width: "width", startSeconds: "startSeconds", endSeconds: "endSeconds", suggestedQuality: "suggestedQuality", playerVars: "playerVars", showBeforeIframeApiLoads: "showBeforeIframeApiLoads" }, outputs: { ready: "ready", stateChange: "stateChange", error: "error", apiChange: "apiChange", playbackQualityChange: "playbackQualityChange", playbackRateChange: "playbackRateChange" }, viewQueries: [{ propertyName: "youtubeContainer", first: true, predicate: ["youtubeContainer"], descendants: true }], ngImport: i0, template: '<div #youtubeContainer></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayer, decorators: [{
|
|
373
373
|
type: Component,
|
|
374
374
|
args: [{
|
|
375
375
|
selector: 'youtube-player',
|
|
@@ -544,10 +544,10 @@ function filterOnOther(otherObs, filterFn) {
|
|
|
544
544
|
const COMPONENTS = [YouTubePlayer];
|
|
545
545
|
class YouTubePlayerModule {
|
|
546
546
|
}
|
|
547
|
-
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
548
|
-
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
549
|
-
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
550
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.
|
|
547
|
+
YouTubePlayerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
548
|
+
YouTubePlayerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, declarations: [YouTubePlayer], exports: [YouTubePlayer] });
|
|
549
|
+
YouTubePlayerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule });
|
|
550
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.0-next.15", ngImport: i0, type: YouTubePlayerModule, decorators: [{
|
|
551
551
|
type: NgModule,
|
|
552
552
|
args: [{
|
|
553
553
|
declarations: COMPONENTS,
|
package/index.d.ts
CHANGED
|
@@ -1,8 +1,141 @@
|
|
|
1
|
+
/// <reference types="youtube" />
|
|
2
|
+
|
|
3
|
+
import { AfterViewInit } from '@angular/core';
|
|
4
|
+
import { ElementRef } from '@angular/core';
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { NgZone } from '@angular/core';
|
|
7
|
+
import { Observable } from 'rxjs';
|
|
8
|
+
import { OnDestroy } from '@angular/core';
|
|
9
|
+
import { OnInit } from '@angular/core';
|
|
10
|
+
|
|
11
|
+
declare const DEFAULT_PLAYER_HEIGHT = 390;
|
|
12
|
+
|
|
13
|
+
declare const DEFAULT_PLAYER_WIDTH = 640;
|
|
14
|
+
|
|
15
|
+
declare namespace i1 {
|
|
16
|
+
export {
|
|
17
|
+
DEFAULT_PLAYER_WIDTH,
|
|
18
|
+
DEFAULT_PLAYER_HEIGHT,
|
|
19
|
+
YouTubePlayer
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
1
23
|
/**
|
|
2
|
-
*
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
-
* found in the LICENSE file at https://angular.io/license
|
|
24
|
+
* Angular component that renders a YouTube player via the YouTube player
|
|
25
|
+
* iframe API.
|
|
26
|
+
* @see https://developers.google.com/youtube/iframe_api_reference
|
|
7
27
|
*/
|
|
8
|
-
export
|
|
28
|
+
export declare class YouTubePlayer implements AfterViewInit, OnDestroy, OnInit {
|
|
29
|
+
private _ngZone;
|
|
30
|
+
/** Whether we're currently rendering inside a browser. */
|
|
31
|
+
private _isBrowser;
|
|
32
|
+
private readonly _youtubeContainer;
|
|
33
|
+
private readonly _destroyed;
|
|
34
|
+
private _player;
|
|
35
|
+
private _existingApiReadyCallback;
|
|
36
|
+
private _pendingPlayerState;
|
|
37
|
+
private readonly _playerChanges;
|
|
38
|
+
/** YouTube Video ID to view */
|
|
39
|
+
get videoId(): string | undefined;
|
|
40
|
+
set videoId(videoId: string | undefined);
|
|
41
|
+
private readonly _videoId;
|
|
42
|
+
/** Height of video player */
|
|
43
|
+
get height(): number | undefined;
|
|
44
|
+
set height(height: number | undefined);
|
|
45
|
+
private readonly _height;
|
|
46
|
+
/** Width of video player */
|
|
47
|
+
get width(): number | undefined;
|
|
48
|
+
set width(width: number | undefined);
|
|
49
|
+
private readonly _width;
|
|
50
|
+
/** The moment when the player is supposed to start playing */
|
|
51
|
+
set startSeconds(startSeconds: number | undefined);
|
|
52
|
+
private readonly _startSeconds;
|
|
53
|
+
/** The moment when the player is supposed to stop playing */
|
|
54
|
+
set endSeconds(endSeconds: number | undefined);
|
|
55
|
+
private readonly _endSeconds;
|
|
56
|
+
/** The suggested quality of the player */
|
|
57
|
+
set suggestedQuality(suggestedQuality: YT.SuggestedVideoQuality | undefined);
|
|
58
|
+
private readonly _suggestedQuality;
|
|
59
|
+
/**
|
|
60
|
+
* Extra parameters used to configure the player. See:
|
|
61
|
+
* https://developers.google.com/youtube/player_parameters.html?playerVersion=HTML5#Parameters
|
|
62
|
+
*/
|
|
63
|
+
get playerVars(): YT.PlayerVars | undefined;
|
|
64
|
+
set playerVars(playerVars: YT.PlayerVars | undefined);
|
|
65
|
+
private _playerVars;
|
|
66
|
+
/**
|
|
67
|
+
* Whether the iframe will attempt to load regardless of the status of the api on the
|
|
68
|
+
* page. Set this to true if you don't want the `onYouTubeIframeAPIReady` field to be
|
|
69
|
+
* set on the global window.
|
|
70
|
+
*/
|
|
71
|
+
showBeforeIframeApiLoads: boolean | undefined;
|
|
72
|
+
/** Outputs are direct proxies from the player itself. */
|
|
73
|
+
readonly ready: Observable<YT.PlayerEvent>;
|
|
74
|
+
readonly stateChange: Observable<YT.OnStateChangeEvent>;
|
|
75
|
+
readonly error: Observable<YT.OnErrorEvent>;
|
|
76
|
+
readonly apiChange: Observable<YT.PlayerEvent>;
|
|
77
|
+
readonly playbackQualityChange: Observable<YT.OnPlaybackQualityChangeEvent>;
|
|
78
|
+
readonly playbackRateChange: Observable<YT.OnPlaybackRateChangeEvent>;
|
|
79
|
+
/** The element that will be replaced by the iframe. */
|
|
80
|
+
youtubeContainer: ElementRef<HTMLElement>;
|
|
81
|
+
constructor(_ngZone: NgZone, platformId: Object);
|
|
82
|
+
ngOnInit(): void;
|
|
83
|
+
ngAfterViewInit(): void;
|
|
84
|
+
ngOnDestroy(): void;
|
|
85
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#playVideo */
|
|
86
|
+
playVideo(): void;
|
|
87
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#pauseVideo */
|
|
88
|
+
pauseVideo(): void;
|
|
89
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#stopVideo */
|
|
90
|
+
stopVideo(): void;
|
|
91
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#seekTo */
|
|
92
|
+
seekTo(seconds: number, allowSeekAhead: boolean): void;
|
|
93
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#mute */
|
|
94
|
+
mute(): void;
|
|
95
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#unMute */
|
|
96
|
+
unMute(): void;
|
|
97
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#isMuted */
|
|
98
|
+
isMuted(): boolean;
|
|
99
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#setVolume */
|
|
100
|
+
setVolume(volume: number): void;
|
|
101
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getVolume */
|
|
102
|
+
getVolume(): number;
|
|
103
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#setPlaybackRate */
|
|
104
|
+
setPlaybackRate(playbackRate: number): void;
|
|
105
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getPlaybackRate */
|
|
106
|
+
getPlaybackRate(): number;
|
|
107
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getAvailablePlaybackRates */
|
|
108
|
+
getAvailablePlaybackRates(): number[];
|
|
109
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoLoadedFraction */
|
|
110
|
+
getVideoLoadedFraction(): number;
|
|
111
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getPlayerState */
|
|
112
|
+
getPlayerState(): YT.PlayerState | undefined;
|
|
113
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getCurrentTime */
|
|
114
|
+
getCurrentTime(): number;
|
|
115
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getPlaybackQuality */
|
|
116
|
+
getPlaybackQuality(): YT.SuggestedVideoQuality;
|
|
117
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getAvailableQualityLevels */
|
|
118
|
+
getAvailableQualityLevels(): YT.SuggestedVideoQuality[];
|
|
119
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getDuration */
|
|
120
|
+
getDuration(): number;
|
|
121
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoUrl */
|
|
122
|
+
getVideoUrl(): string;
|
|
123
|
+
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoEmbedCode */
|
|
124
|
+
getVideoEmbedCode(): string;
|
|
125
|
+
/** Gets an object that should be used to store the temporary API state. */
|
|
126
|
+
private _getPendingState;
|
|
127
|
+
/** Initializes a player from a temporary state. */
|
|
128
|
+
private _initializePlayer;
|
|
129
|
+
/** Gets an observable that adds an event listener to the player when a user subscribes to it. */
|
|
130
|
+
private _getLazyEmitter;
|
|
131
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<YouTubePlayer, never>;
|
|
132
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<YouTubePlayer, "youtube-player", never, { "videoId": "videoId"; "height": "height"; "width": "width"; "startSeconds": "startSeconds"; "endSeconds": "endSeconds"; "suggestedQuality": "suggestedQuality"; "playerVars": "playerVars"; "showBeforeIframeApiLoads": "showBeforeIframeApiLoads"; }, { "ready": "ready"; "stateChange": "stateChange"; "error": "error"; "apiChange": "apiChange"; "playbackQualityChange": "playbackQualityChange"; "playbackRateChange": "playbackRateChange"; }, never, never, false>;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
export declare class YouTubePlayerModule {
|
|
136
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<YouTubePlayerModule, never>;
|
|
137
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<YouTubePlayerModule, [typeof i1.YouTubePlayer], never, [typeof i1.YouTubePlayer]>;
|
|
138
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<YouTubePlayerModule>;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
export { }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@angular/youtube-player",
|
|
3
|
-
"version": "14.0.0-next.
|
|
3
|
+
"version": "14.0.0-next.13",
|
|
4
4
|
"description": "Angular YouTube Player",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"bugs": {
|
|
16
16
|
"url": "https://github.com/angular/components/issues"
|
|
17
17
|
},
|
|
18
|
-
"homepage": "https://github.com/angular/components/tree/
|
|
18
|
+
"homepage": "https://github.com/angular/components/tree/main/src/youtube-player#readme",
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@types/youtube": "^0.0.42",
|
|
21
21
|
"tslib": "^2.3.0"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"fesm2020": "./fesm2020/youtube-player.mjs",
|
|
31
31
|
"fesm2015": "./fesm2015/youtube-player.mjs",
|
|
32
32
|
"esm2020": "./esm2020/youtube-player_public_index.mjs",
|
|
33
|
-
"typings": "./
|
|
33
|
+
"typings": "./index.d.ts",
|
|
34
34
|
"module": "./fesm2015/youtube-player.mjs",
|
|
35
35
|
"es2020": "./fesm2020/youtube-player.mjs",
|
|
36
36
|
"type": "module",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"default": "./package.json"
|
|
40
40
|
},
|
|
41
41
|
".": {
|
|
42
|
-
"types": "./
|
|
42
|
+
"types": "./index.d.ts",
|
|
43
43
|
"esm2020": "./esm2020/youtube-player_public_index.mjs",
|
|
44
44
|
"es2020": "./fesm2020/youtube-player.mjs",
|
|
45
45
|
"es2015": "./fesm2015/youtube-player.mjs",
|
package/public-api.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright Google LLC All Rights Reserved.
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
6
|
-
* found in the LICENSE file at https://angular.io/license
|
|
7
|
-
*/
|
|
8
|
-
export * from './youtube-module';
|
|
9
|
-
export { YouTubePlayer } from './youtube-player';
|
package/youtube-module.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./youtube-player";
|
|
3
|
-
export declare class YouTubePlayerModule {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<YouTubePlayerModule, never>;
|
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<YouTubePlayerModule, [typeof i1.YouTubePlayer], never, [typeof i1.YouTubePlayer]>;
|
|
6
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<YouTubePlayerModule>;
|
|
7
|
-
}
|
package/youtube-player.d.ts
DELETED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
/// <reference types="youtube" />
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright Google LLC All Rights Reserved.
|
|
5
|
-
*
|
|
6
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
7
|
-
* found in the LICENSE file at https://angular.io/license
|
|
8
|
-
*/
|
|
9
|
-
import { AfterViewInit, ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
|
|
10
|
-
import { Observable } from 'rxjs';
|
|
11
|
-
import * as i0 from "@angular/core";
|
|
12
|
-
declare global {
|
|
13
|
-
interface Window {
|
|
14
|
-
YT: typeof YT | undefined;
|
|
15
|
-
onYouTubeIframeAPIReady: (() => void) | undefined;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export declare const DEFAULT_PLAYER_WIDTH = 640;
|
|
19
|
-
export declare const DEFAULT_PLAYER_HEIGHT = 390;
|
|
20
|
-
/**
|
|
21
|
-
* Angular component that renders a YouTube player via the YouTube player
|
|
22
|
-
* iframe API.
|
|
23
|
-
* @see https://developers.google.com/youtube/iframe_api_reference
|
|
24
|
-
*/
|
|
25
|
-
export declare class YouTubePlayer implements AfterViewInit, OnDestroy, OnInit {
|
|
26
|
-
private _ngZone;
|
|
27
|
-
/** Whether we're currently rendering inside a browser. */
|
|
28
|
-
private _isBrowser;
|
|
29
|
-
private readonly _youtubeContainer;
|
|
30
|
-
private readonly _destroyed;
|
|
31
|
-
private _player;
|
|
32
|
-
private _existingApiReadyCallback;
|
|
33
|
-
private _pendingPlayerState;
|
|
34
|
-
private readonly _playerChanges;
|
|
35
|
-
/** YouTube Video ID to view */
|
|
36
|
-
get videoId(): string | undefined;
|
|
37
|
-
set videoId(videoId: string | undefined);
|
|
38
|
-
private readonly _videoId;
|
|
39
|
-
/** Height of video player */
|
|
40
|
-
get height(): number | undefined;
|
|
41
|
-
set height(height: number | undefined);
|
|
42
|
-
private readonly _height;
|
|
43
|
-
/** Width of video player */
|
|
44
|
-
get width(): number | undefined;
|
|
45
|
-
set width(width: number | undefined);
|
|
46
|
-
private readonly _width;
|
|
47
|
-
/** The moment when the player is supposed to start playing */
|
|
48
|
-
set startSeconds(startSeconds: number | undefined);
|
|
49
|
-
private readonly _startSeconds;
|
|
50
|
-
/** The moment when the player is supposed to stop playing */
|
|
51
|
-
set endSeconds(endSeconds: number | undefined);
|
|
52
|
-
private readonly _endSeconds;
|
|
53
|
-
/** The suggested quality of the player */
|
|
54
|
-
set suggestedQuality(suggestedQuality: YT.SuggestedVideoQuality | undefined);
|
|
55
|
-
private readonly _suggestedQuality;
|
|
56
|
-
/**
|
|
57
|
-
* Extra parameters used to configure the player. See:
|
|
58
|
-
* https://developers.google.com/youtube/player_parameters.html?playerVersion=HTML5#Parameters
|
|
59
|
-
*/
|
|
60
|
-
get playerVars(): YT.PlayerVars | undefined;
|
|
61
|
-
set playerVars(playerVars: YT.PlayerVars | undefined);
|
|
62
|
-
private _playerVars;
|
|
63
|
-
/**
|
|
64
|
-
* Whether the iframe will attempt to load regardless of the status of the api on the
|
|
65
|
-
* page. Set this to true if you don't want the `onYouTubeIframeAPIReady` field to be
|
|
66
|
-
* set on the global window.
|
|
67
|
-
*/
|
|
68
|
-
showBeforeIframeApiLoads: boolean | undefined;
|
|
69
|
-
/** Outputs are direct proxies from the player itself. */
|
|
70
|
-
readonly ready: Observable<YT.PlayerEvent>;
|
|
71
|
-
readonly stateChange: Observable<YT.OnStateChangeEvent>;
|
|
72
|
-
readonly error: Observable<YT.OnErrorEvent>;
|
|
73
|
-
readonly apiChange: Observable<YT.PlayerEvent>;
|
|
74
|
-
readonly playbackQualityChange: Observable<YT.OnPlaybackQualityChangeEvent>;
|
|
75
|
-
readonly playbackRateChange: Observable<YT.OnPlaybackRateChangeEvent>;
|
|
76
|
-
/** The element that will be replaced by the iframe. */
|
|
77
|
-
youtubeContainer: ElementRef<HTMLElement>;
|
|
78
|
-
constructor(_ngZone: NgZone, platformId: Object);
|
|
79
|
-
ngOnInit(): void;
|
|
80
|
-
ngAfterViewInit(): void;
|
|
81
|
-
ngOnDestroy(): void;
|
|
82
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#playVideo */
|
|
83
|
-
playVideo(): void;
|
|
84
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#pauseVideo */
|
|
85
|
-
pauseVideo(): void;
|
|
86
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#stopVideo */
|
|
87
|
-
stopVideo(): void;
|
|
88
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#seekTo */
|
|
89
|
-
seekTo(seconds: number, allowSeekAhead: boolean): void;
|
|
90
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#mute */
|
|
91
|
-
mute(): void;
|
|
92
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#unMute */
|
|
93
|
-
unMute(): void;
|
|
94
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#isMuted */
|
|
95
|
-
isMuted(): boolean;
|
|
96
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#setVolume */
|
|
97
|
-
setVolume(volume: number): void;
|
|
98
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getVolume */
|
|
99
|
-
getVolume(): number;
|
|
100
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#setPlaybackRate */
|
|
101
|
-
setPlaybackRate(playbackRate: number): void;
|
|
102
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getPlaybackRate */
|
|
103
|
-
getPlaybackRate(): number;
|
|
104
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getAvailablePlaybackRates */
|
|
105
|
-
getAvailablePlaybackRates(): number[];
|
|
106
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoLoadedFraction */
|
|
107
|
-
getVideoLoadedFraction(): number;
|
|
108
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getPlayerState */
|
|
109
|
-
getPlayerState(): YT.PlayerState | undefined;
|
|
110
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getCurrentTime */
|
|
111
|
-
getCurrentTime(): number;
|
|
112
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getPlaybackQuality */
|
|
113
|
-
getPlaybackQuality(): YT.SuggestedVideoQuality;
|
|
114
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getAvailableQualityLevels */
|
|
115
|
-
getAvailableQualityLevels(): YT.SuggestedVideoQuality[];
|
|
116
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getDuration */
|
|
117
|
-
getDuration(): number;
|
|
118
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoUrl */
|
|
119
|
-
getVideoUrl(): string;
|
|
120
|
-
/** See https://developers.google.com/youtube/iframe_api_reference#getVideoEmbedCode */
|
|
121
|
-
getVideoEmbedCode(): string;
|
|
122
|
-
/** Gets an object that should be used to store the temporary API state. */
|
|
123
|
-
private _getPendingState;
|
|
124
|
-
/** Initializes a player from a temporary state. */
|
|
125
|
-
private _initializePlayer;
|
|
126
|
-
/** Gets an observable that adds an event listener to the player when a user subscribes to it. */
|
|
127
|
-
private _getLazyEmitter;
|
|
128
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<YouTubePlayer, never>;
|
|
129
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<YouTubePlayer, "youtube-player", never, { "videoId": "videoId"; "height": "height"; "width": "width"; "startSeconds": "startSeconds"; "endSeconds": "endSeconds"; "suggestedQuality": "suggestedQuality"; "playerVars": "playerVars"; "showBeforeIframeApiLoads": "showBeforeIframeApiLoads"; }, { "ready": "ready"; "stateChange": "stateChange"; "error": "error"; "apiChange": "apiChange"; "playbackQualityChange": "playbackQualityChange"; "playbackRateChange": "playbackRateChange"; }, never, never, false>;
|
|
130
|
-
}
|