ckplayer-plus 1.0.1 → 1.0.3

package/README.md

@@ -74,28 +74,33 @@ React：
 |------|------|------|
 | `autoPlug` | `true` | 按地址自动选插件；通常保持默认即可 |
 | `plug` | 自动 | 仅在要强制指定或 `autoPlug: false` 时填写：`hls.js` / `flv.js` / `mpegts.js` |
+| `preferBuiltinPlug` | `true` | 优先加载本包内置脚本，避免复用页面上其它全局 `Hls` |
+| `cdnFallback` | `true` | `getPath` 失败时回退 jsDelivr；内网无外网请设 `false` 并配 `pluginPath` |
 | `pluginPath` | 自动 | 插件脚本根路径。默认：`window.ckplayerBasePath` → 本包 `dist/` → jsDelivr CDN |
+| `seek` | `0` | 续播秒数（number 或数字字符串）；会同步 `maxSeeTime`，兼容 `timeScheduleAdjust: 5` |
 | `loaded` | — | **只支持函数**；字符串形式已禁用（防 XSS） |
 
 ### 进阶（按需）
 
 | 配置 | 说明 |
 |------|------|
+| `timeScheduleAdjust` | `5` 时只能在已看进度内拖动；续播请同时传数字 `seek` |
 | `crossOrigin` | 跨域视频 / 截图等场景 |
 | `cookie` | 进度记忆；组件默认使用实例唯一名，避免多实例冲突 |
 | `language` | 语言包名，如 `en`、`zh.hk`（需能加载到 `language/*.js`） |
-| `seek` / `loop` / `controls` 等 | 与官方 ckplayer 一致，见[手册](https://www.ckplayer.com/manual/) |
+| `loop` / `controls` 等 | 与官方 ckplayer 一致，见[手册](https://www.ckplayer.com/manual/) |
 | `window.ckplayerBasePath` | 全局指定插件根目录（以 `/` 结尾），优先于 CDN |
 | `window.ckplayerPlusCdn` | 自定义 CDN 根地址（覆盖默认 jsDelivr） |
 
 ### 插件加载优先级
 
-1. 页面上已有全局 `Hls` / `flvjs` / `mpegts` → 直接用，不再请求脚本  
-2. `pluginPath` 或 `window.ckplayerBasePath`  
+1. `preferBuiltinPlug: false` 且页面已有全局 `Hls` / `flvjs` / `mpegts` → 直接复用  
+2. 否则加载本包脚本：`pluginPath` 或 `window.ckplayerBasePath`  
 3. 传统 `<script src=".../ckplayer.min.js">` 同级目录推导  
-4. 回退：`https://cdn.jsdelivr.net/npm/ckplayer-plus@x.y.z/dist/`（发布到 npm 后可用）
+4. `cdnFallback !== false` 时回退：`https://cdn.jsdelivr.net/npm/ckplayer-plus@x.y.z/dist/`  
 
-> 内网离线：把 `node_modules/ckplayer-plus/dist/` 里的 `hls.js/` 等目录放到可访问静态路径，并设置 `pluginPath` 或 `window.ckplayerBasePath`。
+> 内网离线：把 `node_modules/ckplayer-plus/dist/` 里的 `hls.js/` 等目录放到可访问静态路径，并设置 `pluginPath` 或 `window.ckplayerBasePath`，建议同时 `cdnFallback: false`。  
+> 样式请使用 `import 'ckplayer-plus/style.css'`，保证 `./images/` 图标能被打包工具解析。
 
 ## Vue 2 / Vue 3
 

package/dist/ckplayer.css

@@ -87,13 +87,13 @@
 	width: 80px;
 	height: 80px;
     border-radius: 50%;
-    background: url(images/loading.png) no-repeat center center;
+    background: url(./images/loading.png) no-repeat center center;
     background-size: 100% 100%;
     animation: ck-Circle 1.5s linear infinite;
 	-webkit-animation: ck-Circle 1.5s linear infinite
 }
 .ckplayer-ckplayer .ck-main .ck-center-play{
-	background: url(images/play.png) no-repeat 70% center;
+	background: url(./images/play.png) no-repeat 70% center;
 	background-size:60% 60%;
 	border: 8px solid rgba(255,255,255,.3);
 	border-radius: 50%;
@@ -127,7 +127,7 @@
 	height: 120px;
 }
 .ckplayer-ckplayer .ck-main .ck-buffer{
-	background: url(images/buffer.png) no-repeat center center;
+	background: url(./images/buffer.png) no-repeat center center;
 	background-size:100% 100%;
 	border-radius: 50%;
 	width: 60px;
@@ -501,7 +501,7 @@
 /*显示广告时的底部按钮-共用*/
 .ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-btn{
 	background-color: rgba(0,0,0,.6);
-	background-image: url(images/ckplayer.png);
+	background-image: url(./images/ckplayer.png);
 	background-size: auto 100%;
 	border: none;
 	outline: none;
@@ -634,7 +634,7 @@
 	width: 30px;
 	height: 30px;
 	background-color: transparent;
-	background-image: url(images/adclose.png);
+	background-image: url(./images/adclose.png);
 	border: none;
 	outline: none;
 	cursor: pointer;
@@ -691,7 +691,7 @@
 /*按钮公用样式*/
 .ckplayer-ckplayer .ck-main .ck-bar-btn{
 	background-color: transparent;
-	background-image: url(images/ckplayer.48.png);
+	background-image: url(./images/ckplayer.48.png);
 	background-size: auto 100%;
 	border: none;
 	outline: none;
@@ -701,7 +701,7 @@
 	background-repeat: no-repeat ;
 }
 .ckplayer-ckplayer .ck-main.ck-main-full .ck-bar-btn{
-	background-image: url(images/ckplayer.png);
+	background-image: url(./images/ckplayer.png);
 	width: 70px;
 	height: 70px;
 }

package/dist/ckplayer.ixigua.css

@@ -87,13 +87,13 @@
 	width: 80px;
 	height: 80px;
     border-radius: 50%;
-    background: url(images/loading.png) no-repeat center center;
+    background: url(./images/loading.png) no-repeat center center;
     background-size: 100% 100%;
     animation: ck-Circle 1.5s linear infinite;
 	-webkit-animation: ck-Circle 1.5s linear infinite
 }
 .ckplayer-ckplayer .ck-main .ck-center-play{
-	background: url(images/play.png) no-repeat 70% center;
+	background: url(./images/play.png) no-repeat 70% center;
 	background-size:60% 60%;
 	border: 8px solid rgba(255,255,255,.3);
 	border-radius: 50%;
@@ -127,7 +127,7 @@
 	height: 120px;
 }
 .ckplayer-ckplayer .ck-main .ck-buffer{
-	background: url(images/buffer.png) no-repeat center center;
+	background: url(./images/buffer.png) no-repeat center center;
 	background-size:100% 100%;
 	border-radius: 50%;
 	width: 60px;
@@ -501,7 +501,7 @@
 /*显示广告时的底部按钮-共用*/
 .ckplayer-ckplayer .ck-main .ck-yytf .ck-yytf-bottom .ck-yytf-btn{
 	background-color: rgba(0,0,0,.6);
-	background-image: url(images/ckplayer_ixigua.png);
+	background-image: url(./images/ckplayer_ixigua.png);
 	background-size: auto 100%;
 	border: none;
 	outline: none;
@@ -634,7 +634,7 @@
 	width: 30px;
 	height: 30px;
 	background-color: transparent;
-	background-image: url(images/adclose.png);
+	background-image: url(./images/adclose.png);
 	border: none;
 	outline: none;
 	cursor: pointer;
@@ -692,7 +692,7 @@
 /*按钮公用样式*/
 .ckplayer-ckplayer .ck-main .ck-bar-btn{
 	background-color: transparent;
-	background-image: url(images/ckplayer_ixigua.48.png);
+	background-image: url(./images/ckplayer_ixigua.48.png);
 	background-size: auto 100%;
 	border: none;
 	outline: none;
@@ -702,7 +702,7 @@
 	background-repeat: no-repeat ;
 }
 .ckplayer-ckplayer .ck-main.ck-main-full .ck-bar-btn{
-	background-image: url(images/ckplayer_ixigua.png);
+	background-image: url(./images/ckplayer_ixigua.png);
 	width: 70px;
 	height: 70px;
 }

package/dist/ckplayer.js

@@ -136,10 +136,12 @@
 		keyVolume:2,//是否启用键盘控制音量调节，0=不启用，1=启用，2=全屏时才启用
 		errorShow:true,//是否显示错误信息
 		pluginPath:'',//插件与语言包根路径（bundler 下建议配置或设置 window.ckplayerBasePath）
-		autoPlug:true//未指定 plug 时，根据视频地址后缀自动选择 hls.js / flv.js / mpegts.js
+		autoPlug:true,//未指定 plug 时，根据视频地址后缀自动选择 hls.js / flv.js / mpegts.js
+		preferBuiltinPlug:true,//优先加载本包内置插件脚本，避免复用页面上其它版本的全局 Hls/flvjs/mpegts
+		cdnFallback:true// getPath 失败时是否回退到 jsDelivr（内网可设 false，并配置 pluginPath）
 	};
 	// 打包时替换为真实版本；用于 bundler 下 getPath 失效时的 CDN 回退
-	var ckplayerPlusDefaultCdn='https://cdn.jsdelivr.net/npm/ckplayer-plus@1.0.1/dist/';
+	var ckplayerPlusDefaultCdn='https://cdn.jsdelivr.net/npm/ckplayer-plus@1.0.3/dist/';
 	function ckplayerEmbed(videoObj){
 		/*
 		 * rightMenu
@@ -392,7 +394,12 @@
 			if(fromScript && fromScript.indexOf(folder+'/')>-1 && fromScript.indexOf('undefined')===-1){
 				return fromScript;
 			}
+			var allowCdn=!vars || vars['cdnFallback']!==false;
 			var cdn=(typeof window!=='undefined' && window.ckplayerPlusCdn) ? window.ckplayerPlusCdn : ckplayerPlusDefaultCdn;
+			if(!allowCdn || !cdn || cdn.indexOf('1.0.3')>-1){
+				// 避免占位版本或显式关闭 CDN 时请求坏地址；交给相对路径或业务 pluginPath
+				return folder+'/'+file;
+			}
 			if(cdn.slice(-1)!=='/'){
 				cdn+='/';
 			}
@@ -773,6 +780,13 @@
 				else if(valType(vars['seek'])=='string' && vars['seek']!=='' && !isNaN(parseFloat(vars['seek']))){
 					seekTime=parseFloat(vars['seek']);
 				}
+				// 与旧版对齐：续播 seek 同步进度水位，避免 timeScheduleAdjust=5 时被打回 0
+				if(seekTime && seekTime>0){
+					maxSeeTime=Math.max(maxSeeTime,seekTime);
+					if(firstSeekTime<0){
+						firstSeekTime=seekTime;
+					}
+				}
 			}
 		},
 		/*
@@ -849,7 +863,7 @@
 					video.attr('src',url);
 				}
 			};
-			if(typeof Hls!=='undefined' && !isUndefined(Hls)){
+			if(typeof Hls!=='undefined' && !isUndefined(Hls) && !vars['preferBuiltinPlug']){
 				startHls();
 				return;
 			}
@@ -892,7 +906,7 @@
 			        });
 			    }
 			};
-			if(typeof flvjs!=='undefined' && !isUndefined(flvjs)){
+			if(typeof flvjs!=='undefined' && !isUndefined(flvjs) && !vars['preferBuiltinPlug']){
 				startFlv();
 				return;
 			}
@@ -936,7 +950,7 @@
 			        });
 			    }
 			};
-			if(typeof mpegts!=='undefined' && !isUndefined(mpegts)){
+			if(typeof mpegts!=='undefined' && !isUndefined(mpegts) && !vars['preferBuiltinPlug']){
 				startMpegts();
 				return;
 			}
@@ -1603,6 +1617,13 @@
 			if(dur && isFinite(dur) && dur>0 && t>=dur){
 				t=Math.max(0,dur-0.3);
 			}
+			// 续播水位同步（mode=5 依赖 maxSeeTime）
+			if(t>0){
+				maxSeeTime=Math.max(maxSeeTime,t);
+				if(firstSeekTime<0){
+					firstSeekTime=t;
+				}
+			}
 			seekTime=0;
 			try{
 				video.currentTime=t;
@@ -2843,6 +2864,13 @@
 							target=parseFloat(fn);
 						}
 						if(target!==null && video){
+							// 续播水位需在 timeScheduleAdjust 校验前同步，否则 mode=5 会把 seek 打回 0
+							if(target>0 && ((seekTime && Math.abs(seekTime-target)<0.5) || (vars['seek'] && parseFloat(vars['seek'])>0 && Math.abs(parseFloat(vars['seek'])-target)<0.5))){
+								maxSeeTime=Math.max(maxSeeTime,target);
+								if(firstSeekTime<0){
+									firstSeekTime=target;
+								}
+							}
 							switch(vars['timeScheduleAdjust']){
 								case 0://禁止拖动
 									message(language['timeScheduleAdjust']['prohibit']);
@@ -2883,6 +2911,12 @@
 							var ready=video.readyState>=2 || (duration && isFinite(duration) && duration>0);
 							if(!ready){
 								seekTime=target;
+								if(target>0){
+									maxSeeTime=Math.max(maxSeeTime,target);
+									if(firstSeekTime<0){
+										firstSeekTime=target;
+									}
+								}
 								try{video.currentTime=target;}catch(event){}
 								return player;
 							}
@@ -2892,9 +2926,16 @@
 							if(target<0){
 								target=0;
 							}
+							// API 续播：若水位仍低于目标且目标等于初始化 seek，抬高水位
+							if(vars['timeScheduleAdjust']==5 && target>maxSeeTime && seekTime && Math.abs(seekTime-target)<0.5){
+								maxSeeTime=Math.max(maxSeeTime,target);
+							}
 							try{
 								video.currentTime=target;
 								seekTime=0;
+								if(target>maxSeeTime && vars['timeScheduleAdjust']!=5){
+									maxSeeTime=target;
+								}
 							}catch(event){
 								seekTime=target;
 							}