@video-lab/vue 1.0.1 → 3.0.0

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("vue"),t=require("@video-lab/protocol"),n=require("@video-lab/player-ui"),r=require("@video-lab/player-core");function i(t,r){return(0,n.defineSentinelOverlays)(),(0,e.h)(t,r)}function a(e,t){return e[t]??t}function o(e,t,n){let r=`error.${t}`,i=a(e,r);return i===r?n:i}function s(i,a,o){let s=(0,e.shallowRef)(null),u=(0,e.shallowRef)(n.INITIAL_OVERLAY),d=(0,e.ref)(!1);function f(e){let r=(0,t.toErrorEvent)(e);u.value=(0,n.reduceOverlay)(u.value,r),l(r,o)}function p(e){let n=s.value;if(n){if(n.destroyed){f({playerError:(0,t.makePlayerError)(`E_PLAYER_DESTROYED`,t.PLAYER_DESTROYED_MESSAGE)});return}e(n)}}function m(){let e=i.value;if(e){u.value=n.INITIAL_OVERLAY;try{s.value=(0,r.createPlayer)({el:e,config:c(a),onEvent:e=>{u.value=(0,n.reduceOverlay)(u.value,e),l(e,o)}}),d.value=!0}catch(e){f(e)}}}function h(){s.value?.destroy(),s.value=null,d.value=!1}(0,e.onMounted)(m),(0,e.onBeforeUnmount)(h),(0,e.watch)(()=>JSON.stringify(a.source),()=>{u.value=(0,n.resetOverlayForNewSource)(u.value),p(e=>{e.load(a.source).catch(f)})}),(0,e.watch)(()=>a.muted,e=>{e!==void 0&&p(t=>t.setMuted(e))}),(0,e.watch)(()=>a.locale,e=>{e!==void 0&&p(t=>t.setLocale(e))},{deep:!0});function g(){h(),m()}function _(){u.value={...u.value,pauseImageVisible:!1,pauseImageDismissed:!0}}return{handle:s,overlay:u,isMounted:d,handleRetry:g,dismissPauseImage:_}}function c(e){let t={source:e.source};return e.preset!==void 0&&(t.preset=e.preset),e.autoplay!==void 0&&(t.autoplay=e.autoplay),e.muted!==void 0&&(t.muted=e.muted),e.loop!==void 0&&(t.loop=e.loop),e.playsinline!==void 0&&(t.playsinline=e.playsinline),e.playbackRate!==void 0&&(t.playbackRate=e.playbackRate),e.volume!==void 0&&(t.volume=e.volume),e.startTime!==void 0&&(t.startTime=e.startTime),e.preload!==void 0&&(t.preload=e.preload),e.controls!==void 0&&(t.controls=e.controls),e.interactive!==void 0&&(t.interactive=e.interactive),e.poster!==void 0&&(t.poster=e.poster),e.pauseImage!==void 0&&(t.pauseImage=e.pauseImage),e.locale!==void 0&&(t.locale=e.locale),e.danmaku!==void 0&&(t.danmaku=e.danmaku),e.debug!==void 0&&(t.debug=e.debug),t}function l(e,t){try{t(`playerEvent`,e)}catch{}switch(e.event){case`ready`:t(`ready`,e.payload);break;case`play`:t(`play`);break;case`pause`:t(`pause`);break;case`ended`:t(`ended`);break;case`timeupdate`:t(`timeUpdate`,e.payload);break;case`volumechange`:t(`volumeChange`,e.payload);break;case`seeking`:t(`seeking`,e.payload);break;case`seeked`:t(`seeked`,e.payload);break;case`waiting`:t(`waiting`);break;case`playing`:t(`playing`);break;case`qualitychange`:t(`qualityChange`,e.payload);break;case`subtitlechange`:t(`subtitleChange`,e.payload);break;case`error`:t(`error`,e.payload);break;case`autoplayblocked`:t(`autoplayBlocked`);break;case`reconnectstart`:t(`reconnectStart`,{attempt:e.payload.attempt,maxAttempts:e.payload.maxAttempts});break;case`reconnectsuccess`:t(`reconnectSuccess`);break;case`reconnectfailed`:t(`reconnectFailed`);break;case`compatwarning`:t(`compatWarning`,e.payload);break;case`stalled`:t(`stalled`,e.payload);break;case`playablechange`:t(`playableChange`,e.payload);break;case`bufferhealth`:t(`bufferHealth`,e.payload);break;case`contextchange`:t(`contextChange`,e.payload);break;case`sourceroute`:t(`sourceRoute`,e.payload);break;case`firstframe`:t(`firstFrame`,e.payload);break;case`framefreeze`:t(`frameFreeze`,e.payload);break;case`useraction`:t(`userAction`,e.payload);break;case`kernelhealth`:t(`kernelHealth`,e.payload);break;case`audiohealth`:t(`audioHealth`,e.payload);break;case`recovery`:break;default:break}}var u={ref:`container`,class:`sentinel-video__player`,style:{width:`100%`,height:`100%`}},d=(0,e.defineComponent)({__name:`VideoPlayer`,props:{source:{},autoplay:{type:Boolean,default:void 0},muted:{type:Boolean,default:void 0},loop:{type:Boolean,default:void 0},controls:{type:Boolean,default:void 0},interactive:{type:Boolean,default:void 0},playsinline:{type:Boolean,default:void 0},playbackRate:{},volume:{},startTime:{},preload:{},poster:{},pauseImage:{},preset:{},locale:{},danmaku:{},debug:{type:Boolean,default:void 0}},emits:`playerEvent.ready.play.pause.ended.timeUpdate.volumeChange.seeking.seeked.waiting.playing.qualityChange.subtitleChange.error.autoplayBlocked.reconnectStart.reconnectSuccess.reconnectFailed.compatWarning.stalled.playableChange.kernelHealth.audioHealth.bufferHealth.contextChange.sourceRoute.firstFrame.frameFreeze.userAction`.split(`.`),setup(n,{expose:r,emit:c}){let l=n,d=c,{handle:f,overlay:p,isMounted:m,handleRetry:h,dismissPauseImage:g}=s((0,e.useTemplateRef)(`container`),l,d),_=(0,e.computed)(()=>(0,t.resolveLocaleMessages)(l.locale).messages),v=(0,e.computed)(()=>typeof l.poster==`string`?l.poster:l.poster?.url),y=(0,e.computed)(()=>typeof l.pauseImage==`string`?l.pauseImage:l.pauseImage?.url),b=()=>[v.value?i(`sentinel-poster`,{visible:p.value.posterVisible,poster:l.poster}):null,y.value?i(`sentinel-pause`,{visible:p.value.pauseImageVisible,pauseImage:l.pauseImage,"close-label":a(_.value,`close`),"onSentinel-close":g}):null,i(`sentinel-loading`,{visible:p.value.loadingVisible,text:a(_.value,`loading`)}),p.value.error?i(`sentinel-error`,{visible:!0,code:p.value.error.code,message:o(_.value,p.value.error.code,p.value.error.message),retryable:p.value.error.retryable,"retry-label":a(_.value,`retry`),"onSentinel-retry":h}):null];return r({play:()=>f.value?.play()??Promise.resolve(),pause:()=>f.value?.pause(),seek:e=>f.value?.seek(e),setMuted:e=>f.value?.setMuted(e),setVolume:e=>f.value?.setVolume(e),setPlaybackRate:e=>f.value?.setPlaybackRate(e),enterFullscreen:()=>f.value?.enterFullscreen()??Promise.resolve(),exitFullscreen:()=>f.value?.exitFullscreen()??Promise.resolve(),setQuality:e=>f.value?.setQuality(e),setSubtitle:e=>f.value?.setSubtitle(e),setLocale:e=>f.value?.setLocale(e),pushDanmaku:e=>f.value?.pushDanmaku(e),setDanmakuEnabled:e=>f.value?.setDanmakuEnabled(e),clearDanmaku:()=>f.value?.clearDanmaku(),reconnect:e=>f.value?.reconnect(e),destroy:()=>f.value?.destroy(),getCurrentTime:()=>f.value?.getCurrentTime()??0,getDuration:()=>f.value?.getDuration()??0,getPlaybackContext:()=>f.value?.getPlaybackContext()??null,getPlayerHandle:()=>f.value}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`sentinel-video`,style:(0,e.normalizeStyle)({position:`relative`,width:`100%`,height:`100%`,pointerEvents:l.interactive===!1?`none`:void 0})},[(0,e.createElementVNode)(`div`,u,null,512),(0,e.createVNode)(b),(0,e.unref)(m)?(0,e.createCommentVNode)(``,!0):(0,e.renderSlot)(t.$slots,`ssr-placeholder`,{key:0})],4))}});exports.VideoPlayer=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("vue"),t=require("@video-lab/protocol"),n=require("@video-lab/player-ui"),r=require("@video-lab/player-core");function i(t,r){return(0,n.defineSentinelOverlays)(),(0,e.h)(t,r)}function a(e,t){return e[t]??t}function o(e,t,n){let r=`error.${t}`,i=a(e,r);return i===r?n:i}function s(i,a,o){let s=(0,e.shallowRef)(null),u=(0,e.shallowRef)(n.INITIAL_OVERLAY),d=(0,e.ref)(!1);function f(e){let r=(0,t.toErrorEvent)(e);u.value=s.value?(0,n.reduceOverlay)(u.value,r):{...u.value,posterVisible:!1,loadingVisible:!1,error:r.payload,action:`replace-source`},l(r,o)}function p(e){let n=s.value;if(n){if(n.destroyed){f({playerError:(0,t.makePlayerError)(`E_PLAYER_DESTROYED`,t.PLAYER_DESTROYED_MESSAGE)});return}e(n)}}function m(){let e=i.value;if(e){u.value=n.INITIAL_OVERLAY;try{s.value=(0,r.createPlayer)({el:e,config:c(a),pageFullscreen:a.pageFullscreen,onEvent:e=>{u.value=(0,n.reduceOverlay)(u.value,e),l(e,o)},onDeliveredEvent:e=>{try{o(`deliveredPlayerEvent`,e)}catch{}}}),d.value=!0}catch(e){f(e)}}}function h(){s.value?.destroy(),s.value=null,d.value=!1}(0,e.onMounted)(m),(0,e.onBeforeUnmount)(h),(0,e.watch)(()=>JSON.stringify(a.source),()=>{u.value=(0,n.resetOverlayForNewSource)(u.value),p(e=>{e.load(a.source).catch(f)})}),(0,e.watch)(()=>a.muted,e=>{e!==void 0&&p(t=>t.setMuted(e))}),(0,e.watch)(()=>a.locale,e=>{e!==void 0&&p(t=>t.setLocale(e))},{deep:!0});function g(){let e=s.value;e&&(u.value.action===`play`?e.play():e.retry()).catch(()=>{})}function _(){u.value={...u.value,pauseImageVisible:!1,pauseImageDismissed:!0}}return{handle:s,overlay:u,isMounted:d,handleRetry:g,dismissPauseImage:_}}function c(e){let t={source:e.source};return e.preset!==void 0&&(t.preset=e.preset),e.autoplay!==void 0&&(t.autoplay=e.autoplay),e.muted!==void 0&&(t.muted=e.muted),e.loop!==void 0&&(t.loop=e.loop),e.playsinline!==void 0&&(t.playsinline=e.playsinline),e.playbackRate!==void 0&&(t.playbackRate=e.playbackRate),e.volume!==void 0&&(t.volume=e.volume),e.startTime!==void 0&&(t.startTime=e.startTime),e.preload!==void 0&&(t.preload=e.preload),e.controls!==void 0&&(t.controls=e.controls),e.showErrorOverlay!==void 0&&(t.showErrorOverlay=e.showErrorOverlay),e.showLoadingOverlay!==void 0&&(t.showLoadingOverlay=e.showLoadingOverlay),e.controlVisibility!==void 0&&(t.controlVisibility=e.controlVisibility),e.interactive!==void 0&&(t.interactive=e.interactive),e.poster!==void 0&&(t.poster=e.poster),e.pauseImage!==void 0&&(t.pauseImage=e.pauseImage),e.locale!==void 0&&(t.locale=e.locale),e.danmaku!==void 0&&(t.danmaku=e.danmaku),e.debug!==void 0&&(t.debug=e.debug),t}function l(e,t){try{t(`playerEvent`,e)}catch{}switch(e.event){case`ready`:t(`ready`,e.payload);break;case`play`:t(`play`);break;case`pause`:t(`pause`);break;case`ended`:t(`ended`);break;case`timeupdate`:t(`timeUpdate`,e.payload);break;case`volumechange`:t(`volumeChange`,e.payload);break;case`seeking`:t(`seeking`,e.payload);break;case`seeked`:t(`seeked`,e.payload);break;case`waiting`:t(`waiting`);break;case`playing`:t(`playing`);break;case`qualitychange`:t(`qualityChange`,e.payload);break;case`subtitlechange`:t(`subtitleChange`,e.payload);break;case`error`:t(`error`,e.payload);break;case`autoplayblocked`:t(`autoplayBlocked`);break;case`compatwarning`:t(`compatWarning`,e.payload);break;case`stalled`:t(`stalled`,e.payload);break;case`playablechange`:t(`playableChange`,e.payload);break;case`bufferhealth`:t(`bufferHealth`,e.payload);break;case`contextchange`:t(`contextChange`,e.payload);break;case`sourceroute`:t(`sourceRoute`,e.payload);break;case`firstframe`:t(`firstFrame`,e.payload);break;case`framefreeze`:t(`frameFreeze`,e.payload);break;case`pagefullscreenchange`:t(`pageFullscreenChange`,e.payload);break;case`useraction`:t(`userAction`,e.payload);break;case`kernelhealth`:t(`kernelHealth`,e.payload);break;case`audiohealth`:t(`audioHealth`,e.payload);break;case`recovery`:break;default:break}}var u=(0,e.defineComponent)({__name:`VideoPlayer`,props:{pageFullscreen:{},source:{},autoplay:{type:Boolean,default:void 0},muted:{type:Boolean,default:void 0},loop:{type:Boolean,default:void 0},controls:{type:Boolean,default:void 0},showErrorOverlay:{type:Boolean,default:void 0},showLoadingOverlay:{type:Boolean,default:void 0},controlVisibility:{},interactive:{type:Boolean,default:void 0},playsinline:{type:Boolean,default:void 0},playbackRate:{},volume:{},startTime:{},preload:{},poster:{},pauseImage:{},preset:{},locale:{},danmaku:{},debug:{type:Boolean,default:void 0}},emits:`playerEvent.deliveredPlayerEvent.ready.play.pause.ended.timeUpdate.volumeChange.seeking.seeked.waiting.playing.qualityChange.subtitleChange.error.autoplayBlocked.compatWarning.stalled.playableChange.kernelHealth.audioHealth.bufferHealth.contextChange.sourceRoute.firstFrame.frameFreeze.pageFullscreenChange.userAction`.split(`.`),setup(n,{expose:r,emit:c}){let l=n,u=c,d=l.showErrorOverlay!==!1,f=l.showLoadingOverlay!==!1,p=(0,e.shallowRef)(null),{handle:m,overlay:h,isMounted:g,handleRetry:_,dismissPauseImage:v}=s(p,l,u),y=(0,e.computed)(()=>(0,t.resolveLocaleMessages)(l.locale).messages),b=(0,e.computed)(()=>typeof l.poster==`string`?l.poster:l.poster?.url),x=(0,e.computed)(()=>typeof l.pauseImage==`string`?l.pauseImage:l.pauseImage?.url),S=()=>[b.value?i(`sentinel-poster`,{visible:h.value.posterVisible,poster:l.poster}):null,x.value?i(`sentinel-pause`,{visible:h.value.pauseImageVisible,pauseImage:l.pauseImage,"close-label":a(y.value,`close`),"onSentinel-close":v}):null,i(`sentinel-loading`,{visible:f&&h.value.loadingVisible,text:a(y.value,`loading`)}),d&&h.value.error?i(`sentinel-error`,{visible:!0,code:h.value.error.code,message:o(y.value,h.value.error.code,h.value.error.message),retryable:h.value.action===`retry`||h.value.action===`play`,"retry-label":a(y.value,h.value.action===`play`?`play`:`retry`),"onSentinel-retry":_}):null];return r({play:()=>m.value?.play()??Promise.resolve(),pause:()=>m.value?.pause(),seek:e=>m.value?.seek(e),setMuted:e=>m.value?.setMuted(e),setVolume:e=>m.value?.setVolume(e),setPlaybackRate:e=>m.value?.setPlaybackRate(e),setPageFullscreen:e=>m.value?.setPageFullscreen(e)??Promise.reject(Error(`播放器未就绪`)),enterFullscreen:()=>m.value?.enterFullscreen()??Promise.resolve(),exitFullscreen:()=>m.value?.exitFullscreen()??Promise.resolve(),setQuality:e=>m.value?.setQuality(e),setSubtitle:e=>m.value?.setSubtitle(e),setLocale:e=>m.value?.setLocale(e),pushDanmaku:e=>m.value?.pushDanmaku(e),setDanmakuEnabled:e=>m.value?.setDanmakuEnabled(e),clearDanmaku:()=>m.value?.clearDanmaku(),retry:()=>m.value?.retry()??Promise.resolve(),destroy:()=>m.value?.destroy(),getCurrentTime:()=>m.value?.getCurrentTime()??0,getDuration:()=>m.value?.getDuration()??0,getPlaybackContext:()=>m.value?.getPlaybackContext()??null,getPlayerHandle:()=>m.value}),(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,{class:`sentinel-video`,style:(0,e.normalizeStyle)({position:`relative`,width:`100%`,height:`100%`,pointerEvents:l.interactive===!1?`none`:void 0})},[(0,e.createElementVNode)(`div`,{ref_key:`containerRef`,ref:p,class:`sentinel-video__player`,style:{width:`100%`,height:`100%`}},null,512),(0,e.createVNode)(S),(0,e.unref)(g)?(0,e.createCommentVNode)(``,!0):(0,e.renderSlot)(t.$slots,`ssr-placeholder`,{key:0})],4))}});exports.VideoPlayer=u;

package/dist/index.d.ts

@@ -8,6 +8,7 @@
  * 只做技术,不含团队品牌 UI(ADR-021)。**开门的决策见 ADR-052**
  *(取代 ADR-002「Vue 只做 iframe 不做 inline」—— 那条的唯一论据在 #120 之后已不成立)。
  */
+export type { PageFullscreenAdapter, PageFullscreenState } from '@video-lab/protocol';
 export type { DanmakuConfig, DanmakuItem, MediaSource, PlayerError, PlayerHandle, QualityLevel, SubtitleTrackInfo, VideoPlayerEmits, VideoPlayerExpose, VideoPlayerProps, } from './types';
 export { default as VideoPlayer } from './VideoPlayer.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,31 +1,37 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, h as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, shallowRef as p, unref as m, useTemplateRef as h, watch as g } from "vue";
-import { PLAYER_DESTROYED_MESSAGE as _, makePlayerError as v, resolveLocaleMessages as y, toErrorEvent as b } from "@video-lab/protocol";
-import { INITIAL_OVERLAY as x, defineSentinelOverlays as S, reduceOverlay as C, resetOverlayForNewSource as w } from "@video-lab/player-ui";
-import { createPlayer as T } from "@video-lab/player-core";
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, h as o, normalizeStyle as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderSlot as f, shallowRef as p, unref as m, watch as h } from "vue";
+import { PLAYER_DESTROYED_MESSAGE as g, makePlayerError as _, resolveLocaleMessages as v, toErrorEvent as y } from "@video-lab/protocol";
+import { INITIAL_OVERLAY as b, defineSentinelOverlays as x, reduceOverlay as S, resetOverlayForNewSource as C } from "@video-lab/player-ui";
+import { createPlayer as w } from "@video-lab/player-core";
 //#region src/overlay-elements.ts
-function E(e, t) {
-	return S(), o(e, t);
+function T(e, t) {
+	return x(), o(e, t);
 }
-function D(e, t) {
+function E(e, t) {
 	return e[t] ?? t;
 }
-function O(e, t, n) {
-	let r = `error.${t}`, i = D(e, r);
+function D(e, t, n) {
+	let r = `error.${t}`, i = E(e, r);
 	return i === r ? n : i;
 }
 //#endregion
 //#region src/use-player.ts
-function k(e, t, n) {
-	let r = p(null), i = p(x), a = d(!1);
+function O(e, t, n) {
+	let r = p(null), i = p(b), a = d(!1);
 	function o(e) {
-		let t = b(e);
-		i.value = C(i.value, t), j(t, n);
+		let t = y(e);
+		i.value = r.value ? S(i.value, t) : {
+			...i.value,
+			posterVisible: !1,
+			loadingVisible: !1,
+			error: t.payload,
+			action: "replace-source"
+		}, A(t, n);
 	}
 	function s(e) {
 		let t = r.value;
 		if (t) {
 			if (t.destroyed) {
-				o({ playerError: v("E_PLAYER_DESTROYED", _) });
+				o({ playerError: _("E_PLAYER_DESTROYED", g) });
 				return;
 			}
 			e(t);
@@ -34,13 +40,19 @@ function k(e, t, n) {
 	function u() {
 		let s = e.value;
 		if (s) {
-			i.value = x;
+			i.value = b;
 			try {
-				r.value = T({
+				r.value = w({
 					el: s,
-					config: A(t),
+					config: k(t),
+					pageFullscreen: t.pageFullscreen,
 					onEvent: (e) => {
-						i.value = C(i.value, e), j(e, n);
+						i.value = S(i.value, e), A(e, n);
+					},
+					onDeliveredEvent: (e) => {
+						try {
+							n("deliveredPlayerEvent", e);
+						} catch {}
 					}
 				}), a.value = !0;
 			} catch (e) {
@@ -51,19 +63,20 @@ function k(e, t, n) {
 	function f() {
 		r.value?.destroy(), r.value = null, a.value = !1;
 	}
-	l(u), c(f), g(() => JSON.stringify(t.source), () => {
-		i.value = w(i.value), s((e) => {
+	l(u), c(f), h(() => JSON.stringify(t.source), () => {
+		i.value = C(i.value), s((e) => {
 			e.load(t.source).catch(o);
 		});
-	}), g(() => t.muted, (e) => {
+	}), h(() => t.muted, (e) => {
 		e !== void 0 && s((t) => t.setMuted(e));
-	}), g(() => t.locale, (e) => {
+	}), h(() => t.locale, (e) => {
 		e !== void 0 && s((t) => t.setLocale(e));
 	}, { deep: !0 });
 	function m() {
-		f(), u();
+		let e = r.value;
+		e && (i.value.action === "play" ? e.play() : e.retry()).catch(() => {});
 	}
-	function h() {
+	function v() {
 		i.value = {
 			...i.value,
 			pauseImageVisible: !1,
@@ -75,14 +88,14 @@ function k(e, t, n) {
 		overlay: i,
 		isMounted: a,
 		handleRetry: m,
-		dismissPauseImage: h
+		dismissPauseImage: v
 	};
 }
-function A(e) {
+function k(e) {
 	let t = { source: e.source };
-	return e.preset !== void 0 && (t.preset = e.preset), e.autoplay !== void 0 && (t.autoplay = e.autoplay), e.muted !== void 0 && (t.muted = e.muted), e.loop !== void 0 && (t.loop = e.loop), e.playsinline !== void 0 && (t.playsinline = e.playsinline), e.playbackRate !== void 0 && (t.playbackRate = e.playbackRate), e.volume !== void 0 && (t.volume = e.volume), e.startTime !== void 0 && (t.startTime = e.startTime), e.preload !== void 0 && (t.preload = e.preload), e.controls !== void 0 && (t.controls = e.controls), e.interactive !== void 0 && (t.interactive = e.interactive), e.poster !== void 0 && (t.poster = e.poster), e.pauseImage !== void 0 && (t.pauseImage = e.pauseImage), e.locale !== void 0 && (t.locale = e.locale), e.danmaku !== void 0 && (t.danmaku = e.danmaku), e.debug !== void 0 && (t.debug = e.debug), t;
+	return e.preset !== void 0 && (t.preset = e.preset), e.autoplay !== void 0 && (t.autoplay = e.autoplay), e.muted !== void 0 && (t.muted = e.muted), e.loop !== void 0 && (t.loop = e.loop), e.playsinline !== void 0 && (t.playsinline = e.playsinline), e.playbackRate !== void 0 && (t.playbackRate = e.playbackRate), e.volume !== void 0 && (t.volume = e.volume), e.startTime !== void 0 && (t.startTime = e.startTime), e.preload !== void 0 && (t.preload = e.preload), e.controls !== void 0 && (t.controls = e.controls), e.showErrorOverlay !== void 0 && (t.showErrorOverlay = e.showErrorOverlay), e.showLoadingOverlay !== void 0 && (t.showLoadingOverlay = e.showLoadingOverlay), e.controlVisibility !== void 0 && (t.controlVisibility = e.controlVisibility), e.interactive !== void 0 && (t.interactive = e.interactive), e.poster !== void 0 && (t.poster = e.poster), e.pauseImage !== void 0 && (t.pauseImage = e.pauseImage), e.locale !== void 0 && (t.locale = e.locale), e.danmaku !== void 0 && (t.danmaku = e.danmaku), e.debug !== void 0 && (t.debug = e.debug), t;
 }
-function j(e, t) {
+function A(e, t) {
 	try {
 		t("playerEvent", e);
 	} catch {}
@@ -129,18 +142,6 @@ function j(e, t) {
 		case "autoplayblocked":
 			t("autoplayBlocked");
 			break;
-		case "reconnectstart":
-			t("reconnectStart", {
-				attempt: e.payload.attempt,
-				maxAttempts: e.payload.maxAttempts
-			});
-			break;
-		case "reconnectsuccess":
-			t("reconnectSuccess");
-			break;
-		case "reconnectfailed":
-			t("reconnectFailed");
-			break;
 		case "compatwarning":
 			t("compatWarning", e.payload);
 			break;
@@ -165,6 +166,9 @@ function j(e, t) {
 		case "framefreeze":
 			t("frameFreeze", e.payload);
 			break;
+		case "pagefullscreenchange":
+			t("pageFullscreenChange", e.payload);
+			break;
 		case "useraction":
 			t("userAction", e.payload);
 			break;
@@ -179,17 +183,11 @@ function j(e, t) {
 	}
 }
 //#endregion
-//#region src/VideoPlayer.vue?vue&type=script&setup=true&lang.ts
-var M = {
-	ref: "container",
-	class: "sentinel-video__player",
-	style: {
-		width: "100%",
-		height: "100%"
-	}
-}, N = /* @__PURE__ */ a({
+//#region src/VideoPlayer.vue
+var j = /* @__PURE__ */ a({
 	__name: "VideoPlayer",
 	props: {
+		pageFullscreen: {},
 		source: {},
 		autoplay: {
 			type: Boolean,
@@ -207,6 +205,15 @@ var M = {
 			type: Boolean,
 			default: void 0
 		},
+		showErrorOverlay: {
+			type: Boolean,
+			default: void 0
+		},
+		showLoadingOverlay: {
+			type: Boolean,
+			default: void 0
+		},
+		controlVisibility: {},
 		interactive: {
 			type: Boolean,
 			default: void 0
@@ -229,53 +236,54 @@ var M = {
 			default: void 0
 		}
 	},
-	emits: /* @__PURE__ */ "playerEvent.ready.play.pause.ended.timeUpdate.volumeChange.seeking.seeked.waiting.playing.qualityChange.subtitleChange.error.autoplayBlocked.reconnectStart.reconnectSuccess.reconnectFailed.compatWarning.stalled.playableChange.kernelHealth.audioHealth.bufferHealth.contextChange.sourceRoute.firstFrame.frameFreeze.userAction".split("."),
+	emits: /* @__PURE__ */ "playerEvent.deliveredPlayerEvent.ready.play.pause.ended.timeUpdate.volumeChange.seeking.seeked.waiting.playing.qualityChange.subtitleChange.error.autoplayBlocked.compatWarning.stalled.playableChange.kernelHealth.audioHealth.bufferHealth.contextChange.sourceRoute.firstFrame.frameFreeze.pageFullscreenChange.userAction".split("."),
 	setup(a, { expose: o, emit: c }) {
-		let l = a, d = c, { handle: p, overlay: g, isMounted: _, handleRetry: v, dismissPauseImage: b } = k(h("container"), l, d), x = e(() => y(l.locale).messages), S = e(() => typeof l.poster == "string" ? l.poster : l.poster?.url), C = e(() => typeof l.pauseImage == "string" ? l.pauseImage : l.pauseImage?.url), w = () => [
-			S.value ? E("sentinel-poster", {
-				visible: g.value.posterVisible,
+		let l = a, d = c, h = l.showErrorOverlay !== !1, g = l.showLoadingOverlay !== !1, _ = p(null), { handle: y, overlay: b, isMounted: x, handleRetry: S, dismissPauseImage: C } = O(_, l, d), w = e(() => v(l.locale).messages), k = e(() => typeof l.poster == "string" ? l.poster : l.poster?.url), A = e(() => typeof l.pauseImage == "string" ? l.pauseImage : l.pauseImage?.url), j = () => [
+			k.value ? T("sentinel-poster", {
+				visible: b.value.posterVisible,
 				poster: l.poster
 			}) : null,
-			C.value ? E("sentinel-pause", {
-				visible: g.value.pauseImageVisible,
+			A.value ? T("sentinel-pause", {
+				visible: b.value.pauseImageVisible,
 				pauseImage: l.pauseImage,
-				"close-label": D(x.value, "close"),
-				"onSentinel-close": b
+				"close-label": E(w.value, "close"),
+				"onSentinel-close": C
 			}) : null,
-			E("sentinel-loading", {
-				visible: g.value.loadingVisible,
-				text: D(x.value, "loading")
+			T("sentinel-loading", {
+				visible: g && b.value.loadingVisible,
+				text: E(w.value, "loading")
 			}),
-			g.value.error ? E("sentinel-error", {
+			h && b.value.error ? T("sentinel-error", {
 				visible: !0,
-				code: g.value.error.code,
-				message: O(x.value, g.value.error.code, g.value.error.message),
-				retryable: g.value.error.retryable,
-				"retry-label": D(x.value, "retry"),
-				"onSentinel-retry": v
+				code: b.value.error.code,
+				message: D(w.value, b.value.error.code, b.value.error.message),
+				retryable: b.value.action === "retry" || b.value.action === "play",
+				"retry-label": E(w.value, b.value.action === "play" ? "play" : "retry"),
+				"onSentinel-retry": S
 			}) : null
 		];
 		return o({
-			play: () => p.value?.play() ?? Promise.resolve(),
-			pause: () => p.value?.pause(),
-			seek: (e) => p.value?.seek(e),
-			setMuted: (e) => p.value?.setMuted(e),
-			setVolume: (e) => p.value?.setVolume(e),
-			setPlaybackRate: (e) => p.value?.setPlaybackRate(e),
-			enterFullscreen: () => p.value?.enterFullscreen() ?? Promise.resolve(),
-			exitFullscreen: () => p.value?.exitFullscreen() ?? Promise.resolve(),
-			setQuality: (e) => p.value?.setQuality(e),
-			setSubtitle: (e) => p.value?.setSubtitle(e),
-			setLocale: (e) => p.value?.setLocale(e),
-			pushDanmaku: (e) => p.value?.pushDanmaku(e),
-			setDanmakuEnabled: (e) => p.value?.setDanmakuEnabled(e),
-			clearDanmaku: () => p.value?.clearDanmaku(),
-			reconnect: (e) => p.value?.reconnect(e),
-			destroy: () => p.value?.destroy(),
-			getCurrentTime: () => p.value?.getCurrentTime() ?? 0,
-			getDuration: () => p.value?.getDuration() ?? 0,
-			getPlaybackContext: () => p.value?.getPlaybackContext() ?? null,
-			getPlayerHandle: () => p.value
+			play: () => y.value?.play() ?? Promise.resolve(),
+			pause: () => y.value?.pause(),
+			seek: (e) => y.value?.seek(e),
+			setMuted: (e) => y.value?.setMuted(e),
+			setVolume: (e) => y.value?.setVolume(e),
+			setPlaybackRate: (e) => y.value?.setPlaybackRate(e),
+			setPageFullscreen: (e) => y.value?.setPageFullscreen(e) ?? Promise.reject(/* @__PURE__ */ Error("播放器未就绪")),
+			enterFullscreen: () => y.value?.enterFullscreen() ?? Promise.resolve(),
+			exitFullscreen: () => y.value?.exitFullscreen() ?? Promise.resolve(),
+			setQuality: (e) => y.value?.setQuality(e),
+			setSubtitle: (e) => y.value?.setSubtitle(e),
+			setLocale: (e) => y.value?.setLocale(e),
+			pushDanmaku: (e) => y.value?.pushDanmaku(e),
+			setDanmakuEnabled: (e) => y.value?.setDanmakuEnabled(e),
+			clearDanmaku: () => y.value?.clearDanmaku(),
+			retry: () => y.value?.retry() ?? Promise.resolve(),
+			destroy: () => y.value?.destroy(),
+			getCurrentTime: () => y.value?.getCurrentTime() ?? 0,
+			getDuration: () => y.value?.getDuration() ?? 0,
+			getPlaybackContext: () => y.value?.getPlaybackContext() ?? null,
+			getPlayerHandle: () => y.value
 		}), (e, a) => (u(), n("div", {
 			class: "sentinel-video",
 			style: s({
@@ -285,11 +293,19 @@ var M = {
 				pointerEvents: l.interactive === !1 ? "none" : void 0
 			})
 		}, [
-			r("div", M, null, 512),
-			i(w),
-			m(_) ? t("", !0) : f(e.$slots, "ssr-placeholder", { key: 0 })
+			r("div", {
+				ref_key: "containerRef",
+				ref: _,
+				class: "sentinel-video__player",
+				style: {
+					width: "100%",
+					height: "100%"
+				}
+			}, null, 512),
+			i(j),
+			m(x) ? t("", !0) : f(e.$slots, "ssr-placeholder", { key: 0 })
 		], 4));
 	}
 });
 //#endregion
-export { N as VideoPlayer };
+export { j as VideoPlayer };

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import { PlayerCoreHandle } from '@video-lab/player-core';
-import { AudioHealthPayload, BufferHealthPayload, DanmakuConfig, DanmakuItem, FirstFramePayload, FrameFreezePayload, KernelHealthPayload, LocaleConfig, MediaSource, PauseImageConfig, PlayableReason, PlaybackContext, PlaybackContextPayload, PlayerError, PlayerEvent, PosterConfig, PresetName, QualityLevel, SourceRouteEventPayload, SubtitleTrackInfo, UserActionPayload } from '@video-lab/protocol';
+import { AudioHealthPayload, BufferHealthPayload, ControlVisibilityConfig, DanmakuConfig, DanmakuItem, DeliveredPlayerEvent, FirstFramePayload, FrameFreezePayload, KernelHealthPayload, LocaleConfig, MediaSource, PageFullscreenAdapter, PageFullscreenState, PauseImageConfig, PlaybackContext, PlaybackContextPayload, PlayerError, PlayerEvent, PosterConfig, PresetName, QualityLevel, SourceRouteEventPayload, SubtitleTrackInfo, UserActionPayload } from '@video-lab/protocol';
 /**
  * 消费方拿到的底层句柄(逃生舱)。
  *
@@ -23,12 +23,20 @@ export type { DanmakuConfig, DanmakuItem, MediaSource, PlayerError, QualityLevel
  * 声明成 props 反而会把它们从 fallthrough 里摘出来,要自己再拼一遍。
  */
 export interface VideoPlayerProps {
+    /** 挂载期间保持稳定的宿主网页全屏布局适配器。 */
+    pageFullscreen?: PageFullscreenAdapter;
     /** 视频源。字符串按 URL 处理,对象可带 type / live / hls 等 */
     source: MediaSource | string;
     autoplay?: boolean;
     muted?: boolean;
     loop?: boolean;
     controls?: boolean;
+    /** 默认错误覆盖层，省略时开启。仅初始化读取；变更须重新挂载，不影响错误事件。 */
+    showErrorOverlay?: boolean;
+    /** 是否显示 SDK 运行时 Loading；构造期读取，默认 true。 */
+    showLoadingOverlay?: boolean;
+    /** 内置控件初始化显示策略；修改后须由宿主显式重建播放器。 */
+    controlVisibility?: ControlVisibilityConfig;
     /** false 时播放器不接收指针事件(点击穿透到下层,如首页预览卡片) */
     interactive?: boolean;
     playsinline?: boolean;
@@ -88,6 +96,7 @@ export interface VideoPlayerProps {
 export interface VideoPlayerEmits {
     /** 完整的契约事件流，供遥测适配器使用；不裁剪 payload。 */
     (e: 'playerEvent', payload: PlayerEvent): void;
+    (e: 'deliveredPlayerEvent', payload: DeliveredPlayerEvent): void;
     /**
      * metadata 就绪。`quality` 是可切档位清单(单码率源为空数组),团队层据此渲染清晰度菜单;
      * `subtitles` 是可切字幕轨清单(无字幕源为空/缺省,契约 1.0.0 起可选,ADR-027),团队层据此渲染字幕菜单。
@@ -137,12 +146,6 @@ export interface VideoPlayerEmits {
     }): void;
     (e: 'error', payload: PlayerError): void;
     (e: 'autoplayBlocked'): void;
-    (e: 'reconnectStart', payload: {
-        attempt: number;
-        maxAttempts: number;
-    }): void;
-    (e: 'reconnectSuccess'): void;
-    (e: 'reconnectFailed'): void;
     (e: 'compatWarning', payload: {
         code: string;
         message: string;
@@ -166,11 +169,9 @@ export interface VideoPlayerEmits {
      * `recoverable` 决定盖 loading(等)还是露重试入口(不等);`reason='degraded'`
      * 是唯一 `playable` 仍为 `true` 的值(掉帧严重但画面还在动,可以忽略)。
      */
-    (e: 'playableChange', payload: {
-        playable: boolean;
-        reason: PlayableReason;
-        recoverable: boolean;
-    }): void;
+    (e: 'playableChange', payload: Extract<PlayerEvent, {
+        event: 'playablechange';
+    }>['payload']): void;
     /**
      * 内核健康 —— **非致命内核诊断的聚合**(契约 4.1.0 / ADR-062 / issue #391)。
      *
@@ -213,6 +214,8 @@ export interface VideoPlayerEmits {
      * ⚠️ 它不是掉帧率,也不与 `stalled` 重复(后者是缓冲驱动的等待)。
      */
     (e: 'frameFreeze', payload: FrameFreezePayload): void;
+    /** 实际网页全屏状态变化。 */
+    (e: 'pageFullscreenChange', payload: PageFullscreenState): void;
     /**
      * 用户动作(ADR-075),经白名单过滤,只含**发生在 SDK 内部**的那些。
      *
@@ -238,6 +241,8 @@ export interface VideoPlayerExpose {
     setMuted(muted: boolean): void;
     setVolume(volume: number): void;
     setPlaybackRate(rate: number): void;
+    /** 设置网页全屏；必须等宿主布局与 iframe 状态确认。 */
+    setPageFullscreen(active: boolean): Promise<void>;
     /** 进入全屏(容器托管,不碰 video 原生入口,iOS 微信崩溃入口由 FullscreenGuard 中和) */
     enterFullscreen(): Promise<void>;
     /** 退出全屏 */
@@ -253,9 +258,7 @@ export interface VideoPlayerExpose {
     setDanmakuEnabled(enabled: boolean): void;
     /** 清空屏上弹幕(ADR-028) */
     clearDanmaku(): void;
-    reconnect(options?: {
-        resetCounter?: boolean;
-    }): void;
+    retry(): Promise<void>;
     destroy(): void;
     getCurrentTime(): number;
     getDuration(): number;

package/dist/use-player.d.ts

@@ -36,9 +36,9 @@ export declare function toConfig(props: VideoPlayerProps): PlayerConfig;
  * 播放器事件 → Vue emits。名字从 wire 上的小写拼写换成 camelCase 事件名,
  * 和 `vue-frame` 的 `forward` 逐条对应(cross-mode-parity):同样的事件、同样的 payload。
  *
- * **契约声明的 19 个事件必须一个不少地出现在这里**,由 `protocol/tests/consumer-surface.contract.test.ts`
+ * **契约声明的 27 个事件必须一个不少地出现在这里**,由 `protocol/tests/consumer-surface.contract.test.ts`
  * 静态断言。`video-react` 曾经漏过 4 个(seeking / seeked / waiting / playing)——
- * 而静态 iframe 模式是裸广播、19 个全发,于是同一份契约在几种接入方式下能收到的事件
+ * 而静态 iframe 模式是裸广播、27 个全发,于是同一份契约在几种接入方式下能收到的事件
  * 不一样,parity 红线实际已破。别再以"业务暂时用不到"为由少接一个。
  */
 export declare function forward(event: PlayerEvent, emit: VideoPlayerEmits): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@video-lab/vue",
-  "version": "1.0.1",
+  "version": "3.0.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,23 +25,24 @@
   ],
   "sideEffects": false,
   "peerDependencies": {
-    "vue": ">=3.5.0"
+    "vue": "^3.4.0"
   },
   "dependencies": {
-    "@video-lab/protocol": "1.0.1",
-    "@video-lab/player-ui": "1.0.1",
-    "@video-lab/player-core": "1.0.1"
+    "@video-lab/protocol": "3.0.0",
+    "@video-lab/player-core": "3.0.0",
+    "@video-lab/player-ui": "3.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/test-utils": "^2.4.0",
+    "@vue/test-utils": "2.4.6",
     "jsdom": "^24.0.0",
     "typescript": "~5.9.0",
     "vite": "^8.1.5",
     "vite-plugin-dts": "^5.0.3",
     "vitest": "^4.1.10",
-    "vue": "^3.5.0",
-    "vue-tsc": "^2.0.0"
+    "vue": "3.4.0",
+    "vue-tsc": "^2.0.0",
+    "@vue/server-renderer": "3.4.0"
   },
   "description": "Video Lab Player Vue 3 inline 组件:直连 player-core 的高性能接入方式",
   "publishConfig": {