zwplayer-vue2x 1.1.0 → 1.1.2
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 +38 -40
- package/package.json +1 -1
- package/zwplayerlib/zwplayer/zwplayer.js +689 -686
package/README.md
CHANGED
|
@@ -50,20 +50,19 @@ ZWPlayer provides **8 free online tools** — no registration required, ready to
|
|
|
50
50
|
|
|
51
51
|
| # | Tool | Description | Link |
|
|
52
52
|
|---|------|-------------|------|
|
|
53
|
-
| 1 | **Online Player** | Universal protocol player for live testing and local file preview, supporting WebRTC/RTSP/HLS/DASH/FLV and all other protocols | [videoplayer](https://www.zwplayer.com/
|
|
54
|
-
| 2 | **Code Generator** | Visually configure player UI skins, autoplay policies, subtitle attachment, and video hotspots; one-click export of integration code | [generator](https://www.zwplayer.com/
|
|
55
|
-
| 3 | **Annotation Editor** | Visual drag-and-drop design of interactive video hotspots, supporting form, quiz, vote, and other interactive nodes | [annotation](https://www.zwplayer.com/
|
|
56
|
-
| 4 | **Subtitle Editor** | Create, translate, and export subtitles in SRT, VTT, BCC, JSON, and other formats online | [subtitle](https://www.zwplayer.com/
|
|
57
|
-
| 5 | **Chapter Editor** | Visually create and export video chapter marker data | [chapter](https://www.zwplayer.com/
|
|
58
|
-
| 6 | **Thumbnail Generator** | Quickly generate video sprite sheets and ZWMAP JSON configuration | [thumbnail](https://www.zwplayer.com/
|
|
59
|
-
| 7 | **Playlist Editor** | Visually manage and export playlist data, with group and auto-play support | [playlist](https://www.zwplayer.com/
|
|
60
|
-
| 8 | **Watermark Editor** | Visually configure image watermarks, text watermarks, animated roaming watermarks, and tiled watermarks | [watermark](https://www.zwplayer.com/
|
|
53
|
+
| 1 | **Online Player** | Universal protocol player for live testing and local file preview, supporting WebRTC/RTSP/HLS/DASH/FLV and all other protocols | [videoplayer](https://www.zwplayer.com/tools/videoplayer/) |
|
|
54
|
+
| 2 | **Code Generator** | Visually configure player UI skins, autoplay policies, subtitle attachment, and video hotspots; one-click export of integration code | [generator](https://www.zwplayer.com/tools/generator/) |
|
|
55
|
+
| 3 | **Annotation Editor** | Visual drag-and-drop design of interactive video hotspots, supporting form, quiz, vote, and other interactive nodes | [annotation](https://www.zwplayer.com/tools/annotation/) |
|
|
56
|
+
| 4 | **Subtitle Editor** | Create, translate, and export subtitles in SRT, VTT, BCC, JSON, and other formats online | [subtitle](https://www.zwplayer.com/tools/subtitle/) |
|
|
57
|
+
| 5 | **Chapter Editor** | Visually create and export video chapter marker data | [chapter](https://www.zwplayer.com/tools/chapter/) |
|
|
58
|
+
| 6 | **Thumbnail Generator** | Quickly generate video sprite sheets and ZWMAP JSON configuration | [thumbnail](https://www.zwplayer.com/tools/thumbnail/) |
|
|
59
|
+
| 7 | **Playlist Editor** | Visually manage and export playlist data, with group and auto-play support | [playlist](https://www.zwplayer.com/tools/playlist/) |
|
|
60
|
+
| 8 | **Watermark Editor** | Visually configure image watermarks, text watermarks, animated roaming watermarks, and tiled watermarks | [watermark](https://www.zwplayer.com/tools/watermark/) |
|
|
61
61
|
|
|
62
62
|
For more details, please visit:
|
|
63
|
-
1. [zwplayer Official Website](https://www.zwplayer.
|
|
64
|
-
2. [
|
|
65
|
-
3.
|
|
66
|
-
4. Example projects:
|
|
63
|
+
1. [zwplayer Official Website](https://www.zwplayer.com)
|
|
64
|
+
2. [Vue Framework Integration Guide](https://www.zwplayer.com/docs/support/guide-vue-framework.html)
|
|
65
|
+
3. Example projects:
|
|
67
66
|
- **Gitee**: https://gitee.com/chenfanyu/zwplayer-vue2x-demo
|
|
68
67
|
- **GitHub**: https://github.com/chenfanyu/zwplayer-vue2x-demo
|
|
69
68
|
|
|
@@ -198,13 +197,13 @@ export default {
|
|
|
198
197
|
| translateApi | String | Translation API endpoint | - |
|
|
199
198
|
| defVolume | Number | Default volume percentage (0-100) | 61.25 |
|
|
200
199
|
| hideControlbarTimeout | Number | Control bar auto-hide timeout (milliseconds) | 10000 |
|
|
201
|
-
| Others | - | See [zwplayer constructor parameters](https://www.zwplayer.
|
|
200
|
+
| Others | - | See [zwplayer constructor parameters](https://www.zwplayer.com/docs/support/guide-configuration.html) | - |
|
|
202
201
|
|
|
203
202
|
**Thumbnail configuration example:**
|
|
204
203
|
|
|
205
204
|
```javascript
|
|
206
205
|
thumbnails: {
|
|
207
|
-
url: 'https://cdn.zwplayer.
|
|
206
|
+
url: 'https://cdn.zwplayer.com/media/b44c43c90be3521bc352aad1e80f9cd0_thumb.jpg',
|
|
208
207
|
width: 160, // width of each thumbnail
|
|
209
208
|
height: 90, // height of each thumbnail
|
|
210
209
|
row: 9, // total rows
|
|
@@ -217,7 +216,7 @@ thumbnails: {
|
|
|
217
216
|
|
|
218
217
|
```javascript
|
|
219
218
|
logo: {
|
|
220
|
-
icon: 'https://cdn.zwplayer.
|
|
219
|
+
icon: 'https://cdn.zwplayer.com/logo.png', // logo image URL
|
|
221
220
|
dock: 'right', // dock position (left/right/top/bottom)
|
|
222
221
|
x: '5%', // X offset
|
|
223
222
|
y: '5%', // Y offset
|
|
@@ -332,12 +331,12 @@ export default {
|
|
|
332
331
|
},
|
|
333
332
|
data() {
|
|
334
333
|
return {
|
|
335
|
-
movieUrl: 'https://cdn.zwplayer.
|
|
336
|
-
poster: 'https://www.zwplayer.
|
|
334
|
+
movieUrl: 'https://cdn.zwplayer.com/media/VMAP9lxJvRpgn5sP3lV6rQ9qkzQmh5psggso3185.mp4',
|
|
335
|
+
poster: 'https://www.zwplayer.com/zwplayer-preview.png',
|
|
337
336
|
playerOpen: true,
|
|
338
337
|
player: null,
|
|
339
338
|
logo: {
|
|
340
|
-
icon: 'https://cdn.zwplayer.
|
|
339
|
+
icon: 'https://cdn.zwplayer.com/logo.png',
|
|
341
340
|
dock: 'right',
|
|
342
341
|
x: '5%',
|
|
343
342
|
y: '5%',
|
|
@@ -346,7 +345,7 @@ export default {
|
|
|
346
345
|
opacity: 70
|
|
347
346
|
},
|
|
348
347
|
thumbnails: {
|
|
349
|
-
url: 'https://cdn.zwplayer.
|
|
348
|
+
url: 'https://cdn.zwplayer.com/media/b44c43c90be3521bc352aad1e80f9cd0_thumb.jpg',
|
|
350
349
|
width: 160,
|
|
351
350
|
height: 90,
|
|
352
351
|
row: 9,
|
|
@@ -428,17 +427,17 @@ export default {
|
|
|
428
427
|
npm install zwplayervue3 --save
|
|
429
428
|
```
|
|
430
429
|
|
|
431
|
-
Documentation: [zwplayervue3](https://www.zwplayer.
|
|
430
|
+
Documentation: [zwplayervue3](https://www.zwplayer.com/guide-vue-framework.html)
|
|
432
431
|
|
|
433
432
|
## Related Resources
|
|
434
433
|
|
|
435
434
|
### Official Documentation
|
|
436
|
-
- [ZWPlayer Official Website](https://www.zwplayer.
|
|
437
|
-
- [Online Demo](https://www.zwplayer.
|
|
438
|
-
- [Vue Framework Integration Guide](https://www.zwplayer.
|
|
439
|
-
- [Configuration Parameters](https://www.zwplayer.
|
|
440
|
-
- [API Methods](https://www.zwplayer.
|
|
441
|
-
- [Events](https://www.zwplayer.
|
|
435
|
+
- [ZWPlayer Official Website](https://www.zwplayer.com)
|
|
436
|
+
- [Online Demo](https://www.zwplayer.com/videoplayer.html)
|
|
437
|
+
- [Vue Framework Integration Guide](https://www.zwplayer.com/docs/support/guide-vue-framework.html)
|
|
438
|
+
- [Configuration Parameters](https://www.zwplayer.com/docs/support/guide-configuration.html)
|
|
439
|
+
- [API Methods](https://www.zwplayer.com/docs/support/guide-api.html)
|
|
440
|
+
- [Events](https://www.zwplayer.com/docs/support/guide-events.html)
|
|
442
441
|
|
|
443
442
|
### Example Projects
|
|
444
443
|
- [Vue 3 Example (Gitee)](https://gitee.com/chenfanyu/zwplayervue3-demo)
|
|
@@ -517,9 +516,9 @@ ZWPlayer 提供 **8 个免费在线工具**，无需注册，即开即用：
|
|
|
517
516
|
| 8 | **水印编辑器** | 可视化配置图片水印、文字水印、动态游走水印和铺满水印 | [watermark](https://www.zwplayer.com/zh/tools/watermark/) |
|
|
518
517
|
|
|
519
518
|
更多详情请访问：
|
|
520
|
-
1. [zwplayer 官网](https://www.zwplayer.
|
|
521
|
-
2. [在线体验](https://www.zwplayer.
|
|
522
|
-
3. [Vue 框架使用](https://www.zwplayer.
|
|
519
|
+
1. [zwplayer 官网](https://www.zwplayer.com/zh)
|
|
520
|
+
2. [在线体验](https://www.zwplayer.com/zh/videoplayer.html)
|
|
521
|
+
3. [Vue 框架使用](https://www.zwplayer.com/zh/docs/support/guide-vue-framework.html)
|
|
523
522
|
4. 调用示例项目：
|
|
524
523
|
- **Gitee**: https://gitee.com/chenfanyu/zwplayer-vue2x-demo
|
|
525
524
|
- **GitHub**: https://github.com/chenfanyu/zwplayer-vue2x-demo
|
|
@@ -661,13 +660,13 @@ export default {
|
|
|
661
660
|
| translateApi | String | 翻译 API 端点 | - |
|
|
662
661
|
| defVolume | Number | 默认音量百分比 (0-100) | 61.25 |
|
|
663
662
|
| hideControlbarTimeout | Number | 控制栏自动隐藏等待时间（毫秒） | 10000 |
|
|
664
|
-
| 其它 | - | 请参考 [zwplayer 播放器构造函数参数](https://www.zwplayer.
|
|
663
|
+
| 其它 | - | 请参考 [zwplayer 播放器构造函数参数](https://www.zwplayer.com/zh/docs/support/guide-configuration.html) | - |
|
|
665
664
|
|
|
666
665
|
**缩略图配置对象（thumbnails）示例：**
|
|
667
666
|
|
|
668
667
|
```javascript
|
|
669
668
|
thumbnails: {
|
|
670
|
-
url: 'https://cdn.zwplayer.
|
|
669
|
+
url: 'https://cdn.zwplayer.com/media/b44c43c90be3521bc352aad1e80f9cd0_thumb.jpg',
|
|
671
670
|
width: 160, // 每个小缩略图的宽度
|
|
672
671
|
height: 90, // 每个小缩略图的高度
|
|
673
672
|
row: 9, // 缩略图总行数
|
|
@@ -680,7 +679,7 @@ thumbnails: {
|
|
|
680
679
|
|
|
681
680
|
```javascript
|
|
682
681
|
logo: {
|
|
683
|
-
icon: 'https://cdn.zwplayer.
|
|
682
|
+
icon: 'https://cdn.zwplayer.com/logo.png', // Logo图片地址
|
|
684
683
|
dock: 'right', // 停靠位置（left/right/top/bottom）
|
|
685
684
|
x: '5%', // X轴偏移
|
|
686
685
|
y: '5%', // Y轴偏移
|
|
@@ -692,7 +691,7 @@ logo: {
|
|
|
692
691
|
|
|
693
692
|
### 事件
|
|
694
693
|
|
|
695
|
-
组件提供了 `onready`、`onmediaevent` 等事件，详细说明请参考 [zwplayer 事件文档](https://www.zwplayer.
|
|
694
|
+
组件提供了 `onready`、`onmediaevent` 等事件，详细说明请参考 [zwplayer 事件文档](https://www.zwplayer.com/zh/docs/support/guide-events.html)。
|
|
696
695
|
|
|
697
696
|
**常用事件：**
|
|
698
697
|
|
|
@@ -746,17 +745,16 @@ player.getCurrentTime() // 获取当前播放时间
|
|
|
746
745
|
npm install zwplayervue3 --save
|
|
747
746
|
```
|
|
748
747
|
|
|
749
|
-
详细文档：[zwplayervue3](https://www.zwplayer.
|
|
748
|
+
详细文档：[zwplayervue3](https://www.zwplayer.com/zh/guide-vue-framework.html)
|
|
750
749
|
|
|
751
750
|
## 相关资源
|
|
752
751
|
|
|
753
752
|
### 官方文档
|
|
754
|
-
- [ZWPlayer 官网](https://www.zwplayer.
|
|
755
|
-
- [
|
|
756
|
-
- [
|
|
757
|
-
- [
|
|
758
|
-
- [
|
|
759
|
-
- [事件文档](https://www.zwplayer.cn/docs/support/guide-events.html)
|
|
753
|
+
- [ZWPlayer 官网](https://www.zwplayer.com/zh)
|
|
754
|
+
- [Vue 框架集成指南](https://www.zwplayer.com/zh/docs/support/guide-vue-framework.html)
|
|
755
|
+
- [配置参数文档](https://www.zwplayer.com/zh/docs/support/guide-configuration.html)
|
|
756
|
+
- [API 方法文档](https://www.zwplayer.com/zh/docs/support/guide-api.html)
|
|
757
|
+
- [事件文档](https://www.zwplayer.com/zh/docs/support/guide-events.html)
|
|
760
758
|
|
|
761
759
|
### 示例项目
|
|
762
760
|
- [Vue 3 示例 (Gitee)](https://gitee.com/chenfanyu/zwplayervue3-demo)
|