@volcengine/veplayer 1.15.3-rc.1 → 1.15.3-rc.3
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/README.md +47 -0
- package/index.d.ts +5 -102
- package/index.min.js +2 -2
- package/package.json +1 -1
- package/plugin/XGVideo.js +1 -1
package/README.md
CHANGED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
### VePlayer
|
|
2
|
+
|
|
3
|
+
[火山引擎视频云](https://www.volcengine.com/)Web播放器SDK,自动适配PC和H5场景,支持MP4、HLS、FLV、DASH等多种格式的点播和直播,结合视频云具有播放质量日志上报、加密播放等功能。
|
|
4
|
+
|
|
5
|
+
### 引入依赖
|
|
6
|
+
通过包管理工具将 SDK 的依赖安装到项目中。
|
|
7
|
+
```bash
|
|
8
|
+
npm install @volcengine/veplayer --save
|
|
9
|
+
```
|
|
10
|
+
在项目中引入 VePlayer 和样式文件。
|
|
11
|
+
```javascript
|
|
12
|
+
import VePlayer from '@volcengine/veplayer';
|
|
13
|
+
import '@volcengine/veplayer/index.min.css';
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
### 添加播放容器
|
|
17
|
+
在需要展示播放器的页面添加播放器容器,例如,在 index.html 中加入以下代码。
|
|
18
|
+
```javascript
|
|
19
|
+
<div id="video"></div>
|
|
20
|
+
```
|
|
21
|
+
### 播放器实例化
|
|
22
|
+
在获取到视频地址后,实例化播放器。
|
|
23
|
+
|
|
24
|
+
#### 点播
|
|
25
|
+
```javascript
|
|
26
|
+
const player = new VePlayer({
|
|
27
|
+
id: 'video', // 视频容器dom的id
|
|
28
|
+
url: "https://demo.vod.com/xxx.mp4", // 视频地址
|
|
29
|
+
vodLogOpts: {
|
|
30
|
+
vtype: 'MP4', // 视频格式,HLS协议的视频请传入HLS
|
|
31
|
+
tag: '普通视频', // 业务标签,用于区分业务中不同的场景,方便后续进行多维度分析
|
|
32
|
+
line_app_id: 348293, // 【必选】该值为 int 类型,接入视频点播的SDK应用id,可以从点播控制台-点播SDK-应用管理获取
|
|
33
|
+
line_user_id: 'XXX' // 用户 id, String 或者 int 类型, 不传入将是一个根据用户浏览器随机生成的值
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
```
|
|
37
|
+
点播功能的详细说明参考[火山引擎-视频点播-Web 点播SDK](https://www.volcengine.com/docs/4/127897)
|
|
38
|
+
|
|
39
|
+
#### 直播
|
|
40
|
+
```javascript
|
|
41
|
+
const playerSdk = new VePlayer({
|
|
42
|
+
id: 'video',
|
|
43
|
+
isLive: true,
|
|
44
|
+
url: '//livepull.example.com/appname/streamname.flv'
|
|
45
|
+
});
|
|
46
|
+
```
|
|
47
|
+
直播功能的详细说明参考[火山引擎-视频直播-Web SDK-拉流SDK](https://www.volcengine.com/docs/6469/127525)
|
package/index.d.ts
CHANGED
|
@@ -80,21 +80,8 @@ export interface ISdkErrorConfig {
|
|
|
80
80
|
* @hidden
|
|
81
81
|
*/
|
|
82
82
|
isNeedDemoteBack?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* @brief 是否允许回退到同清晰度不同线路的 fallbackurl:
|
|
85
|
-
* - `false`:只能在当前 defintion 范围内 fallback。
|
|
86
|
-
* - `true`:允许 fallback 相同清晰度,不同的线路的 fallbackurl。
|
|
87
|
-
* @default true
|
|
88
|
-
*
|
|
89
|
-
*/
|
|
90
|
-
/** {en}
|
|
91
|
-
* @brief Is demote to different line enabled? The values are as follows:
|
|
92
|
-
* - `false`: only demote in current definition line.
|
|
93
|
-
* - `true`: allow demote to different line.
|
|
94
|
-
*/
|
|
95
|
-
allowDemoteToDifferentLine?: boolean;
|
|
96
83
|
/** {zh}
|
|
97
|
-
* @brief
|
|
84
|
+
* @brief 报错后重试次数。
|
|
98
85
|
* @default 1
|
|
99
86
|
*/
|
|
100
87
|
retryLoopNum?: number;
|
|
@@ -826,61 +813,6 @@ export interface IDefinitionDemotePlugin {
|
|
|
826
813
|
* - `true`: automatic downgrade is enabled.
|
|
827
814
|
*/
|
|
828
815
|
isNeedAutoDemote?: boolean;
|
|
829
|
-
/**
|
|
830
|
-
* @brief 当用户开启 fallbackUrl 降级(降级到备用线路) 时,优先降级清晰度还是 fallbackUrl,取值如下:
|
|
831
|
-
* - `false`:优先在同一个清晰度的所有 fallback 之间切换, 都有问题的情况下,再降低到下一个清晰度
|
|
832
|
-
* - `true`:优先降级清晰度, 清晰度降到最低之后,再在最后一个清晰度的 fallbackUrl 之间切换
|
|
833
|
-
* @default false
|
|
834
|
-
*
|
|
835
|
-
*/
|
|
836
|
-
/** {en}
|
|
837
|
-
* @brief Is demote quality first? The values are as follows:
|
|
838
|
-
* - `false`: not demote quality first.
|
|
839
|
-
* - `true`: demote quality first.
|
|
840
|
-
*/
|
|
841
|
-
shouldDemoteDefinitionFirst?: boolean;
|
|
842
|
-
/**
|
|
843
|
-
* @brief 是否开启 fallbackUrl 降级:
|
|
844
|
-
* - `false`:不尝试降级到备用线路。
|
|
845
|
-
* - `true`:尝试降级到备用线路。
|
|
846
|
-
* @default true
|
|
847
|
-
*
|
|
848
|
-
*/
|
|
849
|
-
/** {en}
|
|
850
|
-
* @brief Is automatic downgrade enabled? The values are as follows:
|
|
851
|
-
* - `false`: not try to play fallbackUrl first.
|
|
852
|
-
* - `true`: try to play fallbackUrl first before demote definition.
|
|
853
|
-
*/
|
|
854
|
-
isNeedDemoteBack?: boolean;
|
|
855
|
-
/**
|
|
856
|
-
* @brief 是否允许回退到同清晰度不同线路的 fallbackurl:
|
|
857
|
-
* - `false`:只能在当前 defintion 范围内 fallback。
|
|
858
|
-
* - `true`:允许 fallback 相同清晰度,不同的线路的 fallbackurl。
|
|
859
|
-
* @default true
|
|
860
|
-
*
|
|
861
|
-
*/
|
|
862
|
-
/** {en}
|
|
863
|
-
* @brief Is demote to different line enabled? The values are as follows:
|
|
864
|
-
* - `false`: only demote in current definition line.
|
|
865
|
-
* - `true`: allow demote to different line.
|
|
866
|
-
*/
|
|
867
|
-
allowDemoteToDifferentLine?: boolean;
|
|
868
|
-
/**
|
|
869
|
-
* @brief 同一清晰度降级至 fallbackurl 的重试轮数。
|
|
870
|
-
* @default 1
|
|
871
|
-
*/
|
|
872
|
-
/** {en}
|
|
873
|
-
* @brief The retry loop number for all available fallbackUrl.
|
|
874
|
-
*/
|
|
875
|
-
retryLoopNum?: number;
|
|
876
|
-
/**
|
|
877
|
-
* @brief 在降级时到下一个definition 时,是否显示 toast 提示。
|
|
878
|
-
* @default 1
|
|
879
|
-
*/
|
|
880
|
-
/** {en}
|
|
881
|
-
* @brief Whether to show toast when demote to next definition.
|
|
882
|
-
*/
|
|
883
|
-
bumpToastWhenDemoteToNextDefinition?: boolean;
|
|
884
816
|
/**
|
|
885
817
|
* @brief 清晰度降级顺序。数组中的元素需与 `playList` 中的 `definition` 相对应。
|
|
886
818
|
* @default []
|
|
@@ -942,10 +874,6 @@ export declare class DefinitionDemotePlugin extends Plugin {
|
|
|
942
874
|
longWaitingEmitTime: number;
|
|
943
875
|
waitingStartTime: number;
|
|
944
876
|
playerData: PlayerData;
|
|
945
|
-
fallbackState: {
|
|
946
|
-
retryTimes: number;
|
|
947
|
-
idx: number;
|
|
948
|
-
};
|
|
949
877
|
static get defaultConfig(): IDefinitionDemotePlugin;
|
|
950
878
|
constructor(args: any);
|
|
951
879
|
registerLanguageTexts(): {
|
|
@@ -965,12 +893,6 @@ export declare class DefinitionDemotePlugin extends Plugin {
|
|
|
965
893
|
_clearTime(): void;
|
|
966
894
|
clearState(): void;
|
|
967
895
|
demote(): void;
|
|
968
|
-
executeDemoteFallbackFirst(): void;
|
|
969
|
-
executeDemoteDefinitionFirst(): void;
|
|
970
|
-
getRetryListForCurrentDefinition(): any[];
|
|
971
|
-
getRetryListForCurrentDefinitionAcrossAllLines(): any[];
|
|
972
|
-
resetTimes(): void;
|
|
973
|
-
changeMainOrBackup(): boolean;
|
|
974
896
|
changeUrl(url: Url): void;
|
|
975
897
|
showToast(definition: Stream): void;
|
|
976
898
|
destroy(): void;
|
|
@@ -4726,7 +4648,6 @@ declare class PlayerData {
|
|
|
4726
4648
|
* @description: 获取满足当前直播条件的流
|
|
4727
4649
|
*/
|
|
4728
4650
|
getCurrentStreams(): Stream[];
|
|
4729
|
-
getStreamsMatchCurrentDefinition(): Stream[];
|
|
4730
4651
|
/**
|
|
4731
4652
|
* @description: 获取根据线路ID去重的流,用于获取有几个线路
|
|
4732
4653
|
*/
|
|
@@ -6154,11 +6075,11 @@ export declare const Events: {
|
|
|
6154
6075
|
*/
|
|
6155
6076
|
REFRESH_CLICK: string;
|
|
6156
6077
|
/** {zh}
|
|
6157
|
-
* @brief
|
|
6078
|
+
* @brief 报错时触发降级。
|
|
6158
6079
|
*/
|
|
6159
6080
|
PLAY_BACKUP_CHANGE: string;
|
|
6160
6081
|
/** {zh}
|
|
6161
|
-
* @brief
|
|
6082
|
+
* @brief 报错时触发的降级结束。
|
|
6162
6083
|
*/
|
|
6163
6084
|
PLAY_BACKUP_CHANGE_FINISH: string;
|
|
6164
6085
|
/** {zh}
|
|
@@ -6189,15 +6110,6 @@ export declare const Events: {
|
|
|
6189
6110
|
* @brief 清晰度降级。
|
|
6190
6111
|
*/
|
|
6191
6112
|
DEFINITION_DEMOTE: string;
|
|
6192
|
-
/** {zh}
|
|
6193
|
-
* @brief 已降至最低清晰度。
|
|
6194
|
-
*/
|
|
6195
|
-
DEFINITION_DEMOTE_ALL_DONE: string;
|
|
6196
|
-
/** {zh}
|
|
6197
|
-
* @brief 所有可执行的降级操作均执行完毕。如果用户同时开启了 definition 降级和 fallbackUrl 降级,
|
|
6198
|
-
* 无论两者哪个优先级更高,待所有可执行的降级操作均执行完毕,会触发该事件。
|
|
6199
|
-
*/
|
|
6200
|
-
DEMOTE_ALL_DONE: string;
|
|
6201
6113
|
/** {zh}
|
|
6202
6114
|
* @hidden
|
|
6203
6115
|
*/
|
|
@@ -6834,11 +6746,11 @@ export declare const Event: {
|
|
|
6834
6746
|
*/
|
|
6835
6747
|
REFRESH_CLICK: string;
|
|
6836
6748
|
/** {zh}
|
|
6837
|
-
* @brief
|
|
6749
|
+
* @brief 报错时触发降级。
|
|
6838
6750
|
*/
|
|
6839
6751
|
PLAY_BACKUP_CHANGE: string;
|
|
6840
6752
|
/** {zh}
|
|
6841
|
-
* @brief
|
|
6753
|
+
* @brief 报错时触发的降级结束。
|
|
6842
6754
|
*/
|
|
6843
6755
|
PLAY_BACKUP_CHANGE_FINISH: string;
|
|
6844
6756
|
/** {zh}
|
|
@@ -6869,15 +6781,6 @@ export declare const Event: {
|
|
|
6869
6781
|
* @brief 清晰度降级。
|
|
6870
6782
|
*/
|
|
6871
6783
|
DEFINITION_DEMOTE: string;
|
|
6872
|
-
/** {zh}
|
|
6873
|
-
* @brief 已降至最低清晰度。
|
|
6874
|
-
*/
|
|
6875
|
-
DEFINITION_DEMOTE_ALL_DONE: string;
|
|
6876
|
-
/** {zh}
|
|
6877
|
-
* @brief 所有可执行的降级操作均执行完毕。如果用户同时开启了 definition 降级和 fallbackUrl 降级,
|
|
6878
|
-
* 无论两者哪个优先级更高,待所有可执行的降级操作均执行完毕,会触发该事件。
|
|
6879
|
-
*/
|
|
6880
|
-
DEMOTE_ALL_DONE: string;
|
|
6881
6784
|
/** {zh}
|
|
6882
6785
|
* @hidden
|
|
6883
6786
|
*/
|