ckplayer-plus 1.0.8 → 1.1.1

package/README.md

@@ -108,7 +108,7 @@ React：
 
 ```vue
 <template>
-  <CkPlayer :video="url" poster="/poster.png" height="400px" @play="onPlay" />
+  <CkPlayer :video="url" :seek="16" poster="/poster.png" height="400px" @play="onPlay" />
 </template>
 
 <script>
@@ -125,6 +125,8 @@ export default {
 </script>
 ```
 
+断点续播：`seek` 用 `:seek` 或 `options.seek` 在创建时传入；**不要**在 `@ready` 里再 `player.seek(16)`，否则会重复加载 HLS、取消 `.ts` 分片导致卡住。
+
 SSR（Nuxt 等）请用 `<ClientOnly>`，仅在浏览器初始化。
 
 ## React

package/dist/ckplayer.js

@@ -93,7 +93,7 @@
 		backLive:false,//显示返回直播按钮
 		seek: 0,//默认需要跳转的秒数
 		next: null,//下一集按钮动作
-		loaded: '',//加载播放器后调用的函数
+		loaded: null,//加载播放器后调用的函数（仅支持 function）
 		plug: '',//使用插件
 		duration:0,//视频总时间
 		preview: null,//预览图片对象
@@ -141,7 +141,7 @@
 		cdnFallback:true// getPath 失败时是否回退到 jsDelivr（内网可设 false，并配置 pluginPath）
 	};
 	// 打包时替换为真实版本；用于 bundler 下 getPath 失效时的 CDN 回退
-	var ckplayerPlusDefaultCdn='https://cdn.jsdelivr.net/npm/ckplayer-plus@1.0.8/dist/';
+	var ckplayerPlusDefaultCdn='https://cdn.jsdelivr.net/npm/ckplayer-plus@1.1.1/dist/';
 	function ckplayerEmbed(videoObj){
 		/*
 		 * rightMenu
@@ -174,9 +174,11 @@
 		var seekRetryTimer=null;//续播等待缓冲的重试计时器
 		var seekRetryCount=0;//续播重试次数
 		var seekApplyLock=false;//防止并发多次 currentTime 赋值
+		var autoplayPending=false;//自动播放必须等初始化续播完成后才触发
 		var decodeRecoverCount=0;//MEDIA_ERR_DECODE 恢复次数
 		var hlsStartPositionUsed=false;//是否已用 hls.js startPosition 处理续播
 		var hlsResumeTarget=-1;//HLS 续播目标秒数（避免重复 startLoad 取消分片请求）
+		var hlsResumeWarmup=false;//HLS 续播先预热首个可解码分片，再定位目标时间
 		var hlsLoadAt=-1;//最近一次 hls.startLoad 目标
 		var hlsLoadTs=0;//最近一次 hls.startLoad 时间戳
 		var oldTime=0,playTime=0,firstSeekTime=-1,maxSeeTime=0;//oldTime=记录上次播放时间，playTime=当前播放时间，firstSeekTime=记录第一次拖动的时间,maxSeeTime=看过的最大时间
@@ -213,6 +215,33 @@
 		var cookieArray=[];//保存当前所有记录
 		var focusPause=true;//失去焦点前是否是暂停状态
 		var existenceObj=false;//是否使用源码里已有的dom
+		/*
+		 * invokeGlobalFn
+		 * 功能：安全调用全局函数名（替代 eval(name+'()')），仅允许合法标识符路径，避免任意代码执行
+		 * @expr 形如 "fnName" 或 "a.b.c" 的全局函数名（可含尾随括号）
+		*/
+		function invokeGlobalFn(expr){
+			if(typeof expr!=='string'){
+				return;
+			}
+			var name=expr.replace(/\(\s*\)\s*;?\s*$/,'').trim();
+			if(!/^[A-Za-z_$][\w$]*(\.[A-Za-z_$][\w$]*)*$/.test(name)){
+				return;
+			}
+			var parts=name.split('.');
+			var ctx=(typeof window!=='undefined')?window:this;
+			var fn=ctx;
+			for(var i=0;i<parts.length;i++){
+				if(fn==null){
+					return;
+				}
+				ctx=fn;
+				fn=fn[parts[i]];
+			}
+			if(typeof fn==='function'){
+				return fn.call(ctx);
+			}
+		}
 		/*
 		 * into
 		 * 功能：初始化，调用播放器则首先调用该函数
@@ -417,7 +446,7 @@
 			}
 			var allowCdn=!vars || vars['cdnFallback']!==false;
 			var cdn=(typeof window!=='undefined' && window.ckplayerPlusCdn) ? window.ckplayerPlusCdn : ckplayerPlusDefaultCdn;
-			if(!allowCdn || !cdn || cdn.indexOf('1.0.8')>-1){
+			if(!allowCdn || !cdn || cdn.indexOf('1.1.1')>-1){
 				// 避免占位版本或显式关闭 CDN 时请求坏地址；交给相对路径或业务 pluginPath
 				return folder+'/'+file;
 			}
@@ -562,8 +591,10 @@
 				player.volume(0);
 				player.muted();
 				recoveryVolume=true;
-				video.attr('autoplay','autoplay');
-				paused=false;
+				// 不使用原生 autoplay 属性：浏览器会在 seek 前开始 play，随后
+				// currentTime / pause 等初始化动作会打断其 Promise，导致永久 loading。
+				video.attr('preload','auto');
+				autoplayPending=true;
 			}
 			else{
 				video.attr('preload','metadata');
@@ -783,6 +814,7 @@
 			seekApplyLock=false;
 			hlsStartPositionUsed=false;
 			hlsResumeTarget=-1;
+			hlsResumeWarmup=false;
 			hlsLoadAt=-1;
 			hlsLoadTs=0;
 			decodeRecoverCount=0;
@@ -958,29 +990,43 @@
 					if(!resumeAt){
 						resumeAt=parseResumeSeekFromVars();
 					}
-					// 断点续播：startPosition 必须在 loadSource 前设置，从正确 TS 分片起播
+					// 部分旧 HLS 的分片不从关键帧开始。直接以续播点 startPosition / startLoad(target)
+					// 起播会触发 Chrome PIPELINE_ERROR_DECODE。策略：
+					// 1) 从目标前约一个分片开始加载，让前序关键帧进入缓冲
+					// 2) 等 hlsCanSafelySeekTo 后再写 currentTime
 					if(resumeAt && resumeAt>0 && (isUndefined(vars['live']) || !vars['live'])){
-						hlsConf.startPosition=resumeAt;
 						maxSeeTime=Math.max(maxSeeTime,resumeAt);
 						if(firstSeekTime<0){
 							firstSeekTime=resumeAt;
 						}
+						seekTime=resumeAt;
 						hlsResumeTarget=resumeAt;
-						hlsLoadAt=resumeAt;
-						hlsLoadTs=Date.now();
-						seekTime=0;
-						hlsStartPositionUsed=true;
-						clearSeekRetry();
+						hlsResumeWarmup=true;
+						hlsConf.startPosition=hlsPriorLoadTime(resumeAt);
 					}
 					hls = new Hls(hlsConf);
 					hls.loadSource(url);
 					hls.attachMedia(video);
 					hls.on(Hls.Events.MANIFEST_PARSED, function(){
+						if(hlsResumeWarmup && seekTime>0){
+							try{
+								hls.startLoad(hlsPriorLoadTime(seekTime));
+							}catch(event){}
+							return;
+						}
 						if(!hlsStartPositionUsed){
 							applyPendingSeek();
 						}
 					});
 					hls.on(Hls.Events.FRAG_BUFFERED, function(event, data){
+						if(hlsResumeWarmup && seekTime>0){
+							// 必须等「目标 + 前序分片」都在同一连续缓冲里，再定位
+							if(hlsCanSafelySeekTo(seekTime)){
+								hlsResumeWarmup=false;
+								applySeekToMedia(seekTime);
+							}
+							return;
+						}
 						if(hlsResumeTarget<=0 || !data || !data.frag){
 							return;
 						}
@@ -1787,6 +1833,38 @@
 			}catch(event){}
 			return false;
 		},
+		/*
+		 * hlsPriorLoadTime
+		 * 功能：续播加载起点——至少回退约一个分片，保证目标分片前仍有关键帧可参考
+		*/
+		hlsPriorLoadTime=function(t){
+			if(isNaN(t) || t<=0){
+				return 0;
+			}
+			return Math.max(0,t-12);
+		},
+		/*
+		 * hlsCanSafelySeekTo
+		 * 功能：目标已缓冲，且同一连续缓冲区间覆盖目标前约一个分片
+		 * 部分旧 TS 分片首帧不是关键帧；若只缓冲目标分片就 seek，Chrome 会报 PIPELINE_ERROR_DECODE
+		*/
+		hlsCanSafelySeekTo=function(t){
+			if(!video || isUndefined(video.buffered) || isNaN(t) || t<0){
+				return false;
+			}
+			try{
+				var buf=video.buffered;
+				var needFrom=hlsPriorLoadTime(t);
+				for(var i=0;i<buf.length;i++){
+					var start=buf.start(i);
+					var end=buf.end(i);
+					if(t<=end+0.15 && needFrom>=start-0.35){
+						return true;
+					}
+				}
+			}catch(event){}
+			return false;
+		},
 		/*
 		 * clearSeekRetry
 		 * 功能：清理续播等待计时器
@@ -1798,6 +1876,35 @@
 			}
 			seekRetryCount=0;
 		},
+		/*
+		 * startPendingAutoplay
+		 * 功能：续播定位完成后统一发起一次播放，避免 play/pause 竞态
+		 */
+		startPendingAutoplay=function(){
+			if(!autoplayPending || !video || !vars['autoplay'] || seekTime || seekApplyLock || loadedmetadataNum<1){
+				return;
+			}
+			autoplayPending=false;
+			player.play();
+		},
+		/*
+		 * applySeekToMedia
+		 * 功能：仅对已建立解码管线的 media 元素写入 currentTime
+		 */
+		applySeekToMedia=function(t){
+			clearSeekRetry();
+			seekApplyLock=true;
+			seekTime=0;
+			try{
+				video.currentTime=t;
+			}catch(event){
+				seekTime=t;
+				seekApplyLock=false;
+			}
+			setTimeout(function(){
+				seekApplyLock=false;
+			},800);
+		},
 		/*
 		 * applyPendingSeek
 		 * 功能：在媒体就绪且目标时间可解码后再应用挂起的 seekTime
@@ -1826,15 +1933,44 @@
 					firstSeekTime=t;
 				}
 			}
-			// HLS：用 hls.startLoad 从目标分片加载（去重，避免取消进行中的 .ts）
-			if(hlsSeekTo(t, !!force)){
-				clearSeekRetry();
-				seekTime=0;
+			// HLS 首分片尚未完成预热时不能直接 startLoad(target)，否则某些
+			// 非关键帧分片会让浏览器解码器永久报错。
+			if(hlsResumeWarmup){
+				if(hlsCanSafelySeekTo(t)){
+					hlsResumeWarmup=false;
+					applySeekToMedia(t);
+				}
 				return;
 			}
-			var readyEnough=!isUndefined(video.readyState) && video.readyState>=2;
-			var bufferedOk=timeInBuffered(t);
-			if(!force && !bufferedOk && (!readyEnough || video.readyState<3)){
+			// HLS：用 hls.startLoad 从目标分片加载（去重，避免取消进行中的 .ts）
+			// 若目标附近尚无前序缓冲，改为预热模式从更早处分片加载
+			if(hls && typeof hls.startLoad==='function'){
+				if(!hlsCanSafelySeekTo(t) && t>1){
+					hlsResumeWarmup=true;
+					hlsResumeTarget=t;
+					try{
+						hls.startLoad(hlsPriorLoadTime(t));
+					}catch(event){}
+					seekRetryCount++;
+					if(seekRetryCount<=50){
+						if(seekRetryTimer){
+							clearTimeout(seekRetryTimer);
+						}
+						seekRetryTimer=setTimeout(function(){
+							applyPendingSeek(false);
+						},200);
+					}
+					return;
+				}
+				if(hlsSeekTo(t, !!force)){
+					clearSeekRetry();
+					seekTime=0;
+					return;
+				}
+			}
+			// 对普通 MP4，metadata 后设置 currentTime 会由浏览器自动请求目标 Range。
+			// 等待目标已缓冲会形成循环等待：目标分片只有 seek 后才会下载。
+			if(!force && (!isUndefined(video.readyState) && video.readyState<1)){
 				seekRetryCount++;
 				if(seekRetryCount<=50){
 					if(seekRetryTimer){
@@ -1846,49 +1982,57 @@
 					return;
 				}
 			}
-			clearSeekRetry();
-			seekApplyLock=true;
-			seekTime=0;
-			try{
-				video.currentTime=t;
-			}catch(event){
-				seekTime=t;
-				seekApplyLock=false;
-			}
-			setTimeout(function(){
-				seekApplyLock=false;
-			},800);
+			applySeekToMedia(t);
 		},
 		/*
 		 * recoverDecodeError
 		 * 功能：断点续播触发的解码错误尝试恢复（Chrome PIPELINE_ERROR_DECODE）
+		 * 典型场景：目标 TS 分片首帧不是关键帧，必须回退加载前序分片再建解码管线
 		*/
 		recoverDecodeError=function(){
-			if(decodeRecoverCount>=2){
+			if(decodeRecoverCount>=3){
 				return false;
 			}
 			decodeRecoverCount++;
-			var resumeAt=playTime>0?playTime:(vars['seek']?parseFloat(vars['seek']):0);
+			var resumeAt=hlsResumeTarget>0?hlsResumeTarget:(playTime>0?playTime:(vars['seek']?parseFloat(vars['seek']):0));
 			if(isNaN(resumeAt) || resumeAt<0){
 				resumeAt=0;
 			}
+			// 每次失败再往前多退一个分片，避免反复落到同一坏点
+			var loadFrom=Math.max(0,resumeAt-(12*decodeRecoverCount));
+			seekApplyLock=false;
+			clearSeekRetry();
 			try{
 				if(hls && typeof hls.recoverMediaError==='function'){
 					hls.recoverMediaError();
-					if(resumeAt>0){
-						seekTime=resumeAt;
-						seekApplyLock=false;
-						setTimeout(function(){
-							applyPendingSeek(true);
-						},300);
-					}
-					return true;
 				}
 			}catch(event){}
+			if(resumeAt>0 && hls && typeof hls.startLoad==='function'){
+				seekTime=resumeAt;
+				hlsResumeTarget=resumeAt;
+				hlsResumeWarmup=true;
+				hlsLoadAt=-1;
+				hlsLoadTs=0;
+				try{
+					hls.startLoad(loadFrom);
+				}catch(event){}
+				setTimeout(function(){
+					if(hlsCanSafelySeekTo(resumeAt)){
+						hlsResumeWarmup=false;
+						applySeekToMedia(resumeAt);
+						if(video && video.paused && vars['autoplay']){
+							try{video.play();}catch(e2){}
+						}
+					}
+					else{
+						applyPendingSeek(false);
+					}
+				},500);
+				return true;
+			}
 			try{
 				var soft=Math.max(0,resumeAt-1.5);
 				seekTime=resumeAt;
-				seekApplyLock=false;
 				if(video){
 					video.currentTime=soft;
 				}
@@ -1954,6 +2098,7 @@
 				C['loading'].hide();
 				eventTarget('canplay');
 				applyPendingSeek();
+				startPendingAutoplay();
 			},
 			loadedData:function(){
 				eventTarget('loadeddata');
@@ -2009,6 +2154,7 @@
 				}
 				pSliderMouseDown=false;
 				loadedmetadataNum++;
+				startPendingAutoplay();
 				if(!isUndefined(ad) && !isUndefined(ad['frontPlay']) && ad['frontPlay'] && loadedmetadataNum>1){//如果是贴片广告播放中，则进行播放和计算
 					player.play();
 					calculationAdFrontTime(duration);//计算贴片广告的时间
@@ -2092,10 +2238,8 @@
 							if(!isUndefined(errorInfo.message)){
 								msg=errorInfo.message;
 							}
-							// code=3 MEDIA_ERR_DECODE：续播非关键帧常见，先尝试恢复
+							// code=3 MEDIA_ERR_DECODE：续播非关键帧常见，先尝试恢复；恢复中不向业务抛致命 error
 							if(code===3 && recoverDecodeError()){
-								CT.error={code:code,message:msg};
-								eventTarget('error',CT.error);
 								return;
 							}
 							CT.error={code:code,message:msg};
@@ -2139,8 +2283,8 @@
 			},
 			stalled:function(){
 				eventTarget('stalled');//注册监听error
-				CT.error={code:13,message:'load:stalled'};
-				eventTarget('error',CT.error);//注册监听error
+				// HLS 在切片预热、切换清晰度时会短暂触发 stalled，属于可恢复缓冲。
+				// 不把它上报为致命 error，避免业务侧误判已失败而覆盖正常播放状态。
 			},
 			suspend:function(){
 				eventTarget('suspend');//注册监听error
@@ -2153,9 +2297,7 @@
 			seeked:function(){
 				seekApplyLock=false;
 				decodeRecoverCount=0;
-				if(paused){
-					player.play();
-				}
+				startPendingAutoplay();
 				pSliderMouseDown=false;
 				eventTarget('seek',{time:this.currentTime,state:'seeked'});
 				eventTarget('seeked');
@@ -2711,7 +2853,7 @@
 				}
 				else if(valType(ad['front']['closeButtonClick'])=='string'){
 					try{
-						eval(ad['front']['closeButtonClick']+ '()');
+						invokeGlobalFn(ad['front']['closeButtonClick']);
 					}
 					catch(event){console.error(event);}
 				}
@@ -3027,7 +3169,14 @@
 				}
 				else{
 					if(loadedmetadataNum>0 && video){
-						try{video.play();}catch(event){console.error(event)}
+						try{
+							var playPromise=video.play();
+							// play() 返回 Promise 时必须消费 rejection，避免 autoplay 策略或
+							// 页面卸载造成未捕获异常；播放状态仍由原生事件同步。
+							if(playPromise && typeof playPromise.catch==='function'){
+								playPromise.catch(function(){});
+							}
+						}catch(event){}
 					}
 				}
 				return player;
@@ -3215,6 +3364,17 @@
 								applyPendingSeek(false);
 								return player;
 							}
+							// HLS：无前序关键帧缓冲时禁止直接 startLoad(target)
+							if(hls && target>1 && !hlsCanSafelySeekTo(target)){
+								seekTime=target;
+								hlsResumeWarmup=true;
+								hlsResumeTarget=target;
+								try{
+									hls.startLoad(hlsPriorLoadTime(target));
+								}catch(event){}
+								applyPendingSeek(false);
+								return player;
+							}
 							if(hlsSeekTo(target, false)){
 								seekTime=0;
 								return player;
@@ -3608,7 +3768,7 @@
 							fun();
 						}
 						if(valType(fun)=='string'){
-							eval(fun+ '()');
+							invokeGlobalFn(fun);
 						}
 					}
 					else{
@@ -3641,7 +3801,7 @@
 						fun();
 					}
 					if(valType(fun)=='string'){
-						eval(fun+ '()');
+						invokeGlobalFn(fun);
 					}
 				}
 				else{
@@ -4201,7 +4361,7 @@
 					var a=createlJsLink(m['title']);
 					a.attr('data-click',m['click'].toString());
 					a.click(function(){
-						eval($(this).attr('data-click')+'()');
+						invokeGlobalFn($(this).attr('data-click'));
 						C['menu'].hide();
 					});
 					li.append(a);
@@ -4936,7 +5096,7 @@
 						vars['next']['click']();
 					}
 					else if(valType(vars['next']['click'])=='string'){
-						eval(vars['next']['click']+'()');
+						invokeGlobalFn(vars['next']['click']);
 					}
 				}
 				if('link' in vars['next']){
@@ -7034,7 +7194,7 @@
 				if(!isRetry && (!vars || vars['cdnFallback']!==false)){
 					var cdn=(typeof window!=='undefined' && window.ckplayerPlusCdn) ? window.ckplayerPlusCdn : ckplayerPlusDefaultCdn;
 					var m=String(file).match(/\/(hls\.js|flv\.js|mpegts\.js|language)\/([^/?#]+)(?:[?#].*)?$/i);
-					if(cdn && cdn.indexOf('1.0.8')===-1 && m){
+					if(cdn && cdn.indexOf('1.1.1')===-1 && m){
 						if(cdn.slice(-1)!=='/'){
 							cdn+='/';
 						}
@@ -7204,7 +7364,14 @@
 				if (xhr.status === 200) {
 					if (obj.dataType === 'json') {
 						try {
-							successFun(eval('(' + xhr.responseText + ')')); //回调传递参数
+							var jsonData;
+							try {
+								jsonData = JSON.parse(xhr.responseText);
+							}
+							catch(parseErr) {
+								jsonData = eval('(' + xhr.responseText + ')');
+							}
+							successFun(jsonData); //回调传递参数
 						}
 						catch(event) {
 							successFun(null);
@@ -7950,4 +8117,4 @@
 		}
 	}
 	return ckplayerEmbed;
-}));
+}));