ezuikit-flv 2.0.1 → 2.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 +2 -0
- package/README.md +26 -24
- package/decoder.js +2 -2
- package/index.js +4 -4
- package/package.json +2 -2
- package/types/player/soft-player/canvasLoader.d.ts +2 -0
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
 
|
|
4
4
|
|
|
5
|
-
ezuikit-flv 是一款开源的纯H5直播流播放器，通过Emscripten将音视频解码库编译成js（wasm) 运行于浏览器之中。兼容几乎所有浏览器，可以运行在PC、手机、微信中，无需额外安装插件。
|
|
5
|
+
ezuikit-flv 是一款开源的纯 H5 直播流播放器，通过 Emscripten 将音视频解码库编译成 js（wasm) 运行于浏览器之中。兼容几乎所有浏览器，可以运行在 PC、手机、微信中，无需额外安装插件。
|
|
6
6
|
|
|
7
7
|
## 功能
|
|
8
8
|
|
|
9
|
-
- 支持解码H.264视频
|
|
10
|
-
- 支持解码H.265视频（flv id == 12）
|
|
11
|
-
- 支持2K视频
|
|
12
|
-
- 支持解码AAC音频
|
|
13
|
-
- 可设置播放缓冲区时长，可设置0缓冲极限低延迟（网络抖动会造成卡顿现象）
|
|
9
|
+
- 支持解码 H.264 视频
|
|
10
|
+
- 支持解码 H.265 视频（flv id == 12）
|
|
11
|
+
- 支持 2K 视频
|
|
12
|
+
- 支持解码 AAC 音频
|
|
13
|
+
- 可设置播放缓冲区时长，可设置 0 缓冲极限低延迟（网络抖动会造成卡顿现象）
|
|
14
14
|
- 可创建多个播放实例
|
|
15
15
|
- 手机浏览器内打开长时间不会息屏
|
|
16
|
-
- 支持填充，等比，等比缩放 3种视频缩放模式
|
|
17
|
-
- 支持0，90，180，270度画面旋转
|
|
18
|
-
- 支持MediaSourceExtensions 硬件解码
|
|
19
|
-
- 支持MediaSourceExtensions硬解码失败的情况下自动切换到wasm软解码
|
|
16
|
+
- 支持填充，等比，等比缩放 3 种视频缩放模式
|
|
17
|
+
- 支持 0，90，180，270 度画面旋转
|
|
18
|
+
- 支持 MediaSourceExtensions 硬件解码
|
|
19
|
+
- 支持 MediaSourceExtensions 硬解码失败的情况下自动切换到 wasm 软解码
|
|
20
20
|
|
|
21
21
|
### npm 使用
|
|
22
22
|
|
|
@@ -25,20 +25,21 @@ npm install ezuikit-flv
|
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
```js
|
|
28
|
-
import
|
|
29
|
-
import EzuikitFlv from
|
|
28
|
+
import "ezuikit-flv/style.css"; // @since 2.0.1
|
|
29
|
+
import EzuikitFlv from "ezuikit-flv";
|
|
30
30
|
|
|
31
31
|
const player = new EzuikitFlv({
|
|
32
|
-
url:
|
|
33
|
-
id:
|
|
34
|
-
decoder:
|
|
32
|
+
url: "play url", // https://play.com/9999.flv
|
|
33
|
+
id: "id", // support element id
|
|
34
|
+
decoder: "decoder.js", // 自定义解码库加载地址， 默认放置在服务器根目录下
|
|
35
|
+
autoPlay: true,
|
|
35
36
|
// themeData: null // 忽略主题
|
|
36
37
|
});
|
|
37
38
|
|
|
38
|
-
player.play();
|
|
39
|
+
// player.play(); // 由于解码资源异步加载的问题 不推荐
|
|
39
40
|
```
|
|
40
41
|
|
|
41
|
-
### umd使用
|
|
42
|
+
### umd 使用
|
|
42
43
|
|
|
43
44
|
```html
|
|
44
45
|
<div id="container-id">
|
|
@@ -48,22 +49,23 @@ player.play();
|
|
|
48
49
|
<script src="./index.js"></script>
|
|
49
50
|
<script>
|
|
50
51
|
const player = new EzuikitFlv({
|
|
51
|
-
url:
|
|
52
|
-
id:
|
|
53
|
-
decoder:
|
|
52
|
+
url: "play url", // https://play.com/9999.flv
|
|
53
|
+
id: "container-id", // support element id or element
|
|
54
|
+
decoder: "decoder.js", // 自定义解码库加载地址， 默认放置在服务器根目录下
|
|
55
|
+
autoPlay: true,
|
|
54
56
|
// themeData: null // 忽略主题
|
|
55
57
|
});
|
|
56
58
|
|
|
57
|
-
player.play();
|
|
59
|
+
// player.play(); // 由于解码资源异步加载的问题 不推荐
|
|
58
60
|
</script>
|
|
59
61
|
</div>
|
|
60
62
|
```
|
|
61
63
|
|
|
62
|
-
注意： 暂不提供CDN地址， decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
64
|
+
注意： 暂不提供 CDN 地址， decoder 静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
63
65
|
|
|
64
|
-
注意： 暂不提供CDN地址，decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
66
|
+
注意： 暂不提供 CDN 地址，decoder 静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
65
67
|
|
|
66
|
-
注意： 暂不提供CDN地址，decoder静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
68
|
+
注意： 暂不提供 CDN 地址，decoder 静态资源需要放置在自己的服务器下（`node_modules/ezuikit-flv`下 `decoder.wasm` 和 `decoder.js` 文件， 这两个文件需要在同一个文件夹下）
|
|
67
69
|
|
|
68
70
|
### 配置
|
|
69
71
|
|