lx-video-player 1.0.0
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 +37 -0
- package/dist/_commonjsHelpers-10dfc225.js +9 -0
- package/dist/_commonjsHelpers-10dfc225.js.map +1 -0
- package/dist/hammer-005503be.js +1189 -0
- package/dist/hammer-005503be.js.map +1 -0
- package/dist/tcplayer.v4.8.0.min-31e6d34b.js +11004 -0
- package/dist/tcplayer.v4.8.0.min-31e6d34b.js.map +1 -0
- package/dist/video-player.js +370 -0
- package/dist/video-player.js.map +1 -0
- package/dist/video-player.umd.cjs +78 -0
- package/dist/video-player.umd.cjs.map +1 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# 基于腾讯云播放器tcplayer的视频播放器,用于乐享内视频播放和云迹页面内视频block,会发布为独立的npm包
|
|
2
|
+
|
|
3
|
+
使用vue实现,同时将组件注册为了 web components,这样在vue和react的web应用中都可以用
|
|
4
|
+
|
|
5
|
+
## 使用指南
|
|
6
|
+
|
|
7
|
+
### shield内可直接导入组件
|
|
8
|
+
|
|
9
|
+
```js
|
|
10
|
+
import VideoPlayer from '@lexiang/video-player';
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### 外部使用npm包
|
|
14
|
+
1.使用命令`npm install @lexiang/video-player`
|
|
15
|
+
2.`import '@lexiang/video-player'`
|
|
16
|
+
3.
|
|
17
|
+
```js
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* @param selector: 需为播放器指定一个id
|
|
21
|
+
* @param options: tcplayerSDK的options, 转换为字符串传递(web components属性要字符串传递)
|
|
22
|
+
*/
|
|
23
|
+
<tc-video-player selector={selector} options={JSON.stringify(playOptions || '')} @init="onInit"></tc-video-player>
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
```js
|
|
27
|
+
// 事件回调
|
|
28
|
+
const emit = defineEmits<{
|
|
29
|
+
(e: 'init', player: Player): void // player: tcplayerInstance实例
|
|
30
|
+
(e: 'play'): void
|
|
31
|
+
(e: 'pause'): void
|
|
32
|
+
(e: 'ended'): void
|
|
33
|
+
(e: 'error'): void
|
|
34
|
+
}>()
|
|
35
|
+
|
|
36
|
+
```
|
|
37
|
+
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
2
|
+
function l(e) {
|
|
3
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
+
}
|
|
5
|
+
export {
|
|
6
|
+
o as c,
|
|
7
|
+
l as g
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=_commonjsHelpers-10dfc225.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_commonjsHelpers-10dfc225.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|