ezuikit-flv 1.0.0-alpha.1 → 1.0.2-alpha.1
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/CHANGELOG.md +15 -7
- package/README.md +33 -33
- package/decoder.js +1 -1
- package/index.js +14 -10
- package/package.json +8 -3
- package/types/flv-mse/flv.min.d.ts +0 -1
- package/types/index.d.ts +28 -11
- package/types/player/base-player.d.ts +5 -0
- package/types/player/hard-player/index.d.ts +4 -5
- package/types/player/soft-player/canvasLoader.d.ts +1 -0
- package/types/player/soft-player/index.d.ts +11 -16
- package/types/typedefs.d.ts +1 -16
- package/types/utils/debug.d.ts +4 -3
- package/types/utils/monitor.d.ts +7 -16
- package/types/utils/codec-support.d.ts +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
##
|
|
2
|
-
|
|
3
|
-
[feat]
|
|
4
|
-
|
|
5
|
-
[
|
|
6
|
-
|
|
7
|
-
[
|
|
1
|
+
## 1.0.2-alpha.1
|
|
2
|
+
|
|
3
|
+
[feat] 支持被当成插件
|
|
4
|
+
|
|
5
|
+
[fixed] 修复播放地址被转义
|
|
6
|
+
|
|
7
|
+
[fixed] 修复`?.` 可选链
|
|
8
|
+
|
|
9
|
+
## v1.0.0
|
|
10
|
+
|
|
11
|
+
[feat] 支持 flv h264/h265 编码的流播放
|
|
12
|
+
|
|
13
|
+
[feat] 支持 音频ACC 播放
|
|
14
|
+
|
|
15
|
+
[feat] 支持 2k 分辨率
|
package/README.md
CHANGED
|
@@ -1,39 +1,25 @@
|
|
|
1
|
+
## Ezuikit-flv
|
|
1
2
|
|
|
3
|
+
|
|
4
|
+
|
|
2
5
|
|
|
3
6
|
ezuikit-flv 是一款开源的纯H5直播流播放器，通过Emscripten将音视频解码库编译成js（wasm) 运行于浏览器之中。兼容几乎所有浏览器，可以运行在PC、手机、微信中，无需额外安装插件。
|
|
4
7
|
|
|
5
8
|
## 功能
|
|
6
9
|
|
|
7
|
-
- 支持解码H.264视频
|
|
10
|
+
- 支持解码H.264视频
|
|
8
11
|
- 支持解码H.265视频（flv id == 12）
|
|
9
|
-
-
|
|
10
|
-
- 支持解码
|
|
12
|
+
- 支持2K视频
|
|
13
|
+
- 支持解码AAC音频
|
|
11
14
|
- 可设置播放缓冲区时长，可设置0缓冲极限低延迟（网络抖动会造成卡顿现象）
|
|
12
|
-
<!-- - 支持WASM智能不花屏丢帧，长时间播放绝不累积延迟。 -->
|
|
13
15
|
- 可创建多个播放实例
|
|
14
|
-
- 同时支持http-flv和websocket-flv协议; 注：以http-flv请求时，存在跨域请求的问题，需要设置access-control-allow-origin, websocket-flv默认不存在此问题
|
|
15
|
-
<!-- - 支持HTTPS/WSS加密视频传输，保证视频内容传输安全 -->
|
|
16
|
-
- 手机浏览器内打开视频不会变成全屏播放
|
|
17
16
|
- 手机浏览器内打开长时间不会息屏
|
|
18
|
-
-
|
|
19
|
-
<!-- - 支持填充，等比，等比缩放 3中视频缩放模式 -->
|
|
17
|
+
- 支持填充，等比，等比缩放 3种视频缩放模式
|
|
20
18
|
- 支持0，90，180，270度画面旋转
|
|
21
|
-
<!-- - 自带底部UI,支持原子化配置是否显示(播放/暂停、音量调节、截屏、录制/暂停录制、全屏/取消全屏、流量显示)
|
|
22
|
-
- 自带底部UI适配H5移动端，并支持web端全屏(操作栏适配横屏)
|
|
23
|
-
- 自带底部UI支持设置成自动隐藏，只有鼠标聚焦到播放器内部才会显示，移除之后，会消失。 -->
|
|
24
|
-
<!-- - 支持键盘快捷键 -->
|
|
25
|
-
- 支持OffscreenCanvas，提升Webgl渲染性能
|
|
26
|
-
<!-- - 支持WebWorker多核解码，提升多画面播放性能 -->
|
|
27
|
-
- 支持WebCodecs硬件解码API
|
|
28
|
-
- 支持WebCodecs硬件解码配置通过video标签渲染或者canvas标签渲染画面
|
|
29
19
|
- 支持MediaSourceExtensions 硬件解码
|
|
30
|
-
- 支持
|
|
31
|
-
- 支持同一个播放地址视频分辨率发生变化的时候视频不花屏(仅软解码)
|
|
32
|
-
- 支持同一个播放地址音频采样和编码发生改变的时候音频自动切换
|
|
33
|
-
<!-- - 支持视频录制(WebM、MP4格式[video/webm;codecs=h264])，(MP4格式支持在IOS VLC播放器显示时长播放，Android VLC播放器无法显示时长播放,PC VLC播放器可以播放) -->
|
|
20
|
+
- 支持MediaSourceExtensions硬解码失败的情况下自动切换到wasm软解码
|
|
34
21
|
|
|
35
|
-
|
|
36
|
-
### 使用
|
|
22
|
+
### npm 使用
|
|
37
23
|
|
|
38
24
|
```bash
|
|
39
25
|
npm install ezuikit-flv
|
|
@@ -43,41 +29,55 @@ npm install ezuikit-flv
|
|
|
43
29
|
import EzuikitFlv from 'ezuikit-flv'
|
|
44
30
|
|
|
45
31
|
const player = new EzuikitFlv({
|
|
32
|
+
url: "play url", // https://play.com/9999.flv
|
|
46
33
|
container: "container-id", // support element id or element
|
|
34
|
+
decoder: "decoder.js", // 自定义解码库加载地址， 默认放置在服务器根目录下
|
|
47
35
|
})
|
|
48
36
|
|
|
49
|
-
player.play(
|
|
37
|
+
player.play()
|
|
50
38
|
```
|
|
51
39
|
|
|
52
|
-
|
|
40
|
+
### umd使用
|
|
53
41
|
|
|
54
42
|
```html
|
|
55
43
|
<div id='container-id'>
|
|
56
44
|
|
|
57
|
-
<!-- ezuikit-js umd file
|
|
45
|
+
<!-- ezuikit-js umd file `node_modules/ezuikit-flv/index.js`-->
|
|
58
46
|
<script src='./index.js'></script>
|
|
59
47
|
<script>
|
|
60
48
|
const player = new EzuikitFlv({
|
|
49
|
+
url: "play url", // https://play.com/9999.flv
|
|
61
50
|
container: "container-id", // support element id or element
|
|
51
|
+
decoder: "decoder.js", // 自定义解码库加载地址， 默认放置在服务器根目录下
|
|
62
52
|
})
|
|
63
53
|
|
|
64
|
-
player.play(
|
|
54
|
+
player.play()
|
|
65
55
|
</script>
|
|
66
56
|
```
|
|
67
57
|
|
|
58
|
+
注意： 暂不提供CDN地址， decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
59
|
+
|
|
60
|
+
注意： 暂不提供CDN地址，decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
61
|
+
|
|
62
|
+
注意： 暂不提供CDN地址，decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
63
|
+
|
|
64
|
+
|
|
68
65
|
### 配置
|
|
69
66
|
|
|
70
|
-
[options](https://
|
|
67
|
+
[options](https://ezviz-openbiz.github.io/EZUIKit-flv/global.html#FlvOptions)
|
|
71
68
|
|
|
72
69
|
### api
|
|
73
70
|
|
|
74
|
-
[api](https://
|
|
71
|
+
[api](https://ezviz-openbiz.github.io/EZUIKit-flv/EzuikitFlv.html)
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
### examples
|
|
75
|
+
|
|
76
|
+
[base-app](https://github.com/Ezviz-OpenBiz/EZUIKit-flv/tree/master/examples/base-app)
|
|
75
77
|
|
|
76
|
-
|
|
78
|
+
[react-app](https://github.com/Ezviz-OpenBiz/EZUIKit-flv/tree/master/examples/react-app)
|
|
77
79
|
|
|
78
|
-
|
|
80
|
+
[vue-app](https://github.com/Ezviz-OpenBiz/EZUIKit-flv/tree/master/examples/vue-app)
|
|
79
81
|
|
|
80
|
-
[https://blog.csdn.net/huapeng_guo/article/details/124385345](https://blog.csdn.net/huapeng_guo/article/details/124385345)
|
|
81
|
-
-->
|
|
82
82
|
|
|
83
83
|
|