ckplayer-plus 1.0.0

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "ckplayer-plus",
+  "version": "1.0.0",
+  "description": "Enhanced ckplayer X3 packaging with Vue 2/3 and React wrappers — ESM-ready HTML5 video player",
+  "keywords": [
+    "ckplayer",
+    "ckplayer-plus",
+    "video",
+    "player",
+    "hls",
+    "flv",
+    "m3u8",
+    "mpegts",
+    "vue",
+    "react",
+    "html5"
+  ],
+  "license": "MIT",
+  "author": "",
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/yuanlonghui/video-playback.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/yuanlonghui/video-playback/issues"
+  },
+  "homepage": "https://gitee.com/yuanlonghui/video-playback#readme",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./types/index.d.ts",
+  "unpkg": "./dist/ckplayer.min.js",
+  "jsdelivr": "./dist/ckplayer.min.js",
+  "sideEffects": [
+    "*.css",
+    "./dist/ckplayer.js",
+    "./dist/ckplayer.min.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./vue": {
+      "types": "./types/vue.d.ts",
+      "import": "./dist/vue.js",
+      "require": "./dist/vue.cjs"
+    },
+    "./react": {
+      "types": "./types/react.d.ts",
+      "import": "./dist/react.js",
+      "require": "./dist/react.cjs"
+    },
+    "./style.css": "./dist/ckplayer.css",
+    "./ckplayer.css": "./dist/ckplayer.css",
+    "./ckplayer.min.js": "./dist/ckplayer.min.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "types",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "vue": "^2.7.0 || ^3.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "hls.js": "^1.0.0",
+    "flv.js": "^1.0.0",
+    "mpegts.js": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "hls.js": {
+      "optional": true
+    },
+    "flv.js": {
+      "optional": true
+    },
+    "mpegts.js": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "esbuild": "^0.25.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vue": "^3.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=16"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,61 @@
+export interface CkplayerConfig {
+  /** 容器选择器、DOM 或组件内部节点 */
+  container?: string | HTMLElement;
+  /** 视频地址：mp4 / m3u8 / flv / ts，或清晰度数组 */
+  video?: string | any[] | object;
+  poster?: string;
+  autoplay?: boolean;
+  loop?: boolean;
+  live?: boolean | number;
+  volume?: number;
+  /**
+   * 流媒体插件。一般无需填写：默认 autoPlug=true 时按地址自动选择。
+   * 可选：'hls.js' | 'flv.js' | 'mpegts.js' | 自定义 function
+   */
+  plug?: string | ((video: any, url: string) => void);
+  /**
+   * 是否根据地址自动设置 plug，默认 true。
+   * mp4 → 不加载插件；m3u8 → hls.js；flv → flv.js；ts → mpegts.js
+   */
+  autoPlug?: boolean;
+  /**
+   * 插件与语言包根路径（需含 hls.js/、flv.js/ 等子目录）。
+   * 一般无需配置：会优先用 window.ckplayerBasePath，否则回退到本包 jsDelivr CDN。
+   */
+  pluginPath?: string;
+  language?: string;
+  seek?: number | string;
+  crossOrigin?: string;
+  cookie?: string | object | any[];
+  /** 仅支持函数；字符串形式已禁用 */
+  loaded?: (player: CkplayerInstance) => void;
+  [key: string]: any;
+}
+
+export interface CkplayerInstance {
+  play(fn?: (...args: any[]) => void): any;
+  pause(fn?: (...args: any[]) => void): any;
+  seek(time: number, fn?: (...args: any[]) => void): any;
+  volume(vol?: number | ((vol: number) => void)): any;
+  muted(fn?: (state: boolean) => void): any;
+  exitMuted(): any;
+  full(fn?: (state: boolean) => void): any;
+  webFull(): any;
+  theatre(): any;
+  exitTheatre(): any;
+  ended(fn?: (...args: any[]) => void): any;
+  time(fn?: (t: number) => void): any;
+  error(fn?: (err: any) => void): any;
+  remove(): null;
+  [key: string]: any;
+}
+
+declare function ckplayer(config: CkplayerConfig): CkplayerInstance;
+declare class ckplayer {
+  constructor(config: CkplayerConfig);
+}
+
+export declare function guessPlug(url: string): '' | 'hls.js' | 'flv.js' | 'mpegts.js';
+
+export default ckplayer;
+export { ckplayer };

package/types/react.d.ts

@@ -0,0 +1,48 @@
+import type { CSSProperties, ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { CkplayerConfig, CkplayerInstance } from './index';
+
+export interface CkPlayerProps {
+  video: CkplayerConfig['video'];
+  poster?: string;
+  autoplay?: boolean;
+  live?: boolean | number;
+  /** 一般不用传，默认按地址自动识别 */
+  plug?: string;
+  /** 默认 true */
+  autoPlug?: boolean;
+  volume?: number;
+  pluginPath?: string;
+  options?: Partial<CkplayerConfig>;
+  width?: string | number;
+  height?: string | number;
+  className?: string;
+  style?: CSSProperties;
+  onReady?: (player: CkplayerInstance) => void;
+  onPlay?: (...args: any[]) => void;
+  onPause?: (...args: any[]) => void;
+  onEnded?: (...args: any[]) => void;
+  onVolume?: (vol: number) => void;
+  onMuted?: (state: boolean) => void;
+  onFull?: (state: boolean) => void;
+  onError?: (err: any) => void;
+  onTime?: (t: number) => void;
+  onSeek?: (...args: any[]) => void;
+  onScreenshot?: (...args: any[]) => void;
+}
+
+export interface CkPlayerRef {
+  play(): void;
+  pause(): void;
+  seek(time: number): void;
+  setVolume(vol: number): void;
+  muted(): void;
+  exitMuted(): void;
+  full(): void;
+  remove(): void;
+  getPlayer(): CkplayerInstance | null;
+}
+
+declare const CkPlayer: ForwardRefExoticComponent<CkPlayerProps & RefAttributes<CkPlayerRef>>;
+
+export default CkPlayer;
+export { CkPlayer };

package/types/vue.d.ts

@@ -0,0 +1,38 @@
+import type { CkplayerConfig, CkplayerInstance } from './index';
+
+export interface CkPlayerProps {
+  video: CkplayerConfig['video'];
+  poster?: string;
+  autoplay?: boolean;
+  live?: boolean | number;
+  /** 一般不用传，默认按地址自动识别 */
+  plug?: string;
+  /** 默认 true */
+  autoPlug?: boolean;
+  volume?: number;
+  pluginPath?: string;
+  options?: Partial<CkplayerConfig>;
+  width?: string;
+  height?: string;
+  className?: string;
+}
+
+declare const CkPlayer: {
+  name: string;
+  props: Record<string, any>;
+  methods: {
+    play(): void;
+    pause(): void;
+    seek(time: number): void;
+    setVolume(vol: number): void;
+    muted(): void;
+    exitMuted(): void;
+    full(): void;
+    remove(): void;
+    getPlayer(): CkplayerInstance | null;
+  };
+};
+
+export default CkPlayer;
+export { CkPlayer };
+export type { CkPlayerProps };