ckplayer-plus 1.1.0 → 1.1.1

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.1.0/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=看过的最大时间
@@ -444,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.1.0')>-1){
+			if(!allowCdn || !cdn || cdn.indexOf('1.1.1')>-1){
 				// 避免占位版本或显式关闭 CDN 时请求坏地址；交给相对路径或业务 pluginPath
 				return folder+'/'+file;
 			}
@@ -589,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');
@@ -810,6 +814,7 @@
 			seekApplyLock=false;
 			hlsStartPositionUsed=false;
 			hlsResumeTarget=-1;
+			hlsResumeWarmup=false;
 			hlsLoadAt=-1;
 			hlsLoadTs=0;
 			decodeRecoverCount=0;
@@ -985,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;
 						}
@@ -1814,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
 		 * 功能：清理续播等待计时器
@@ -1825,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
@@ -1853,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){
@@ -1873,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;
 				}
@@ -1981,6 +2098,7 @@
 				C['loading'].hide();
 				eventTarget('canplay');
 				applyPendingSeek();
+				startPendingAutoplay();
 			},
 			loadedData:function(){
 				eventTarget('loadeddata');
@@ -2036,6 +2154,7 @@
 				}
 				pSliderMouseDown=false;
 				loadedmetadataNum++;
+				startPendingAutoplay();
 				if(!isUndefined(ad) && !isUndefined(ad['frontPlay']) && ad['frontPlay'] && loadedmetadataNum>1){//如果是贴片广告播放中，则进行播放和计算
 					player.play();
 					calculationAdFrontTime(duration);//计算贴片广告的时间
@@ -2119,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};
@@ -2166,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
@@ -2180,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');
@@ -3054,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;
@@ -3242,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;
@@ -7061,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.1.0')===-1 && m){
+					if(cdn && cdn.indexOf('1.1.1')===-1 && m){
 						if(cdn.slice(-1)!=='/'){
 							cdn+='/';
 						}
@@ -7984,4 +8117,4 @@
 		}
 	}
 	return ckplayerEmbed;
-}));
+}));