markdown-flow-ui 0.1.100-beta.23 → 0.1.100-beta.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Slide/Player.cjs.js +1 -1
- package/dist/components/Slide/Player.cjs.js.map +1 -1
- package/dist/components/Slide/Player.d.ts +1 -2
- package/dist/components/Slide/Player.es.js +178 -173
- package/dist/components/Slide/Player.es.js.map +1 -1
- package/dist/components/Slide/Slide.cjs.js +1 -1
- package/dist/components/Slide/Slide.cjs.js.map +1 -1
- package/dist/components/Slide/Slide.es.js +193 -195
- package/dist/components/Slide/Slide.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/lib/browserUserActivation.cjs.js +0 -2
- package/dist/lib/browserUserActivation.cjs.js.map +0 -1
- package/dist/lib/browserUserActivation.es.js +0 -13
- package/dist/lib/browserUserActivation.es.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react")
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs.js"),r=require("react"),O=require("../../lib/utils.cjs.js");;/* empty css */const fe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.cjs.js"),de=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/volume-2.cjs.js"),me=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.cjs.js"),pe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/rotate-cw.cjs.js"),xe=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/maximize.cjs.js"),he=require("../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/file-pen-line.cjs.js"),z=new Map,G=b=>{if(typeof window>"u"||!b||z.has(b))return;const S=window.document.createElement("audio");S.preload="auto",S.setAttribute("playsinline","true"),S.src=b,S.load(),z.set(b,S)},Re=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M12 10H16V24H12V10ZM18 10H22V24H18V10Z",fill:"white"})]}),je=()=>t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",children:[t.jsxRuntimeExports.jsx("path",{d:"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z",fill:"#0A0A0A"}),t.jsxRuntimeExports.jsx("path",{d:"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z",fill:"white"})]}),be=({audioList:b=[],className:S,currentAudioIndex:a=-1,defaultPlaying:x=!0,onLoadingChange:W,onPrev:J,onNext:Q,onFullscreen:X,onEnded:V,onInteractionToggle:Y,hasInteraction:D=!1,isInteractionOpen:I=!1,prevDisabled:ee=!1,nextDisabled:re=!1,showControls:te=!0,...ne})=>{const h=r.useRef(null),g=r.useRef(null),B=r.useRef(null),y=r.useRef(0),i=r.useRef(null),F=r.useRef(void 0),N=r.useRef([]),K=r.useRef(!1),d=r.useRef(!1),w=r.useRef(null),m=r.useRef(!1),s=r.useRef(!1),f=r.useRef(null),p=r.useRef(!1),E=r.useRef("unknown"),[U,l]=r.useState(x),o=a>=0?b[a]:void 0,A=o?.audioUrl,R=r.useMemo(()=>[...o?.audioSegments??[]].sort((e,c)=>e.segment_index-c.segment_index),[o?.audioSegments]),T=`${a}:${o?.audioKey??"none"}`;r.useEffect(()=>{F.current=o},[o]),r.useEffect(()=>{N.current=R},[R]),r.useEffect(()=>{const e=o?.audioUrl,c=a>=0?b[a+1]?.audioUrl:void 0;G(e),G(c)},[b,o?.audioUrl,a]);const n=r.useCallback(e=>{K.current!==e&&(K.current=e,W?.(e))},[W]),Z=r.useCallback(e=>e instanceof DOMException?e.name==="NotAllowedError"||e.name==="SecurityError":!1,[]),k=r.useCallback(()=>x&&!d.current&&E.current!=="blocked",[x]),H=r.useCallback(e=>e?e.startsWith("data:")?e:`data:audio/mpeg;base64,${e}`:"",[]),L=r.useCallback(()=>{const e=i.current;return e==null||e<=0?0:N.current.slice(0,e).reduce((c,u)=>c+Math.max(Number(u.duration_ms??0),0),0)/1e3},[]),M=r.useCallback(()=>{const e=h.current;e&&(s.current=!1,d.current=!1,w.current=null,f.current=null,m.current=!1,p.current=!1,e.pause(),e.removeAttribute("src"),e.load(),g.current=null,y.current=0,i.current=null,l(!1),n(!1))},[n]),j=r.useCallback(e=>{const c=h.current;if(!c)return!1;const u=c.play();return u&&typeof u.then=="function"&&u.then(()=>{E.current==="unknown"&&(E.current="auto"),s.current=!1,p.current=!1}).catch(C=>{E.current==="unknown"&&Z(C)&&(E.current="blocked",s.current=!1,n(!1)),p.current=!1,l(!1)}),!0},[Z,n]),v=r.useCallback((e,c)=>{const u=h.current,C=N.current[e];if(!u||!C)return!1;const _=H(C.audio_data);y.current=e,i.current=null,m.current=!1,p.current=!0;const q=k();s.current=q,n(!1);const oe=g.current!==_;return w.current="segment",oe&&(u.pause(),u.removeAttribute("src"),u.load(),g.current=_,u.src=_,u.load()),f.current=0,u.readyState>0&&(u.currentTime=0,f.current=null),q?j(`start-segment:${c}`):(s.current=!1,p.current=!1,u.pause(),l(!1),!0)},[k,H,j,n]),P=r.useCallback(e=>{s.current=!1,m.current=!1,p.current=!1,l(!1),n(!1),a>=0&&V?.(a)},[a,V,n]),$=r.useCallback(()=>{const e=y.current+1,c=N.current,u=c[e],C=F.current,_=c.some(q=>q.is_final);if(u){v(e,"ended");return}if(C?.isAudioStreaming||!_){y.current=e,i.current=e,m.current=!0,s.current=x,l(!1),n(!0);return}P("segments-completed")},[x,P,v,n]);r.useEffect(()=>{if(B.current===T)return;B.current=T,y.current=0,i.current=null,m.current=!1,d.current=!1,s.current=!1,p.current=!1,w.current=null,g.current=null,n(!1);const e=h.current;e&&(e.pause(),e.removeAttribute("src"),e.load(),l(!1))},[a,T,R.length,A,n]),r.useEffect(()=>{const e=h.current;if(e){if(!o){M();return}if(A){const c=g.current!==A,u=k();if(w.current==="segment"&&!!g.current&&i.current===null){if(!u){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,j("keep-segment-source"));return}if(c){const _=i.current!==null?L():0;e.pause(),e.removeAttribute("src"),e.load(),g.current=A,w.current="url",e.src=A,e.load(),f.current=_,e.readyState>0&&(e.currentTime=_,f.current=null)}if(s.current=u,m.current=!1,p.current=!1,n(!1),!u){s.current=!1,e.pause(),l(!1);return}j(c?"sync-url-init":"sync-url");return}if(i.current!==null){if(i.current<R.length){if(d.current){l(!1),n(!1);return}v(i.current,"wait-resume");return}m.current=!0,s.current=k(),l(!1),n(k());return}if(!R.length){if(o.isAudioStreaming){i.current=y.current,m.current=!0,s.current=k(),l(!1),n(k());return}M();return}if(!g.current){v(Math.min(y.current,R.length-1),"effect-init");return}if(!x||d.current){s.current=!1,e.pause(),l(!1);return}e.paused&&(s.current=!0,j("sync-paused-retry"))}},[o,a,R,A,x,k,M,v,j,L,n]),r.useEffect(()=>M,[M]);const se=r.useCallback(()=>{l(!0),n(!1)},[n]),ue=r.useCallback(()=>{m.current||p.current||l(!1)},[a]),le=r.useCallback(()=>{const e=h.current;e&&f.current!==null&&(e.currentTime=f.current,f.current=null),!(!s.current||!x)&&j("canplay")},[a,x,j]),ce=r.useCallback(()=>{const e=h.current;e&&f.current!==null&&(e.currentTime=f.current,f.current=null)},[a]),ae=r.useCallback(()=>{const e=w.current==="url"||N.current.length===0;if(p.current=!1,e){P("url-ended");return}$()},[P,$]),ie=r.useCallback(()=>{l(!1),n(!1)},[n]);return t.jsxRuntimeExports.jsxs("div",{className:O.cn("slide-player",S),...ne,children:[t.jsxRuntimeExports.jsx("audio",{ref:h,preload:"auto",playsInline:!0,onLoadedMetadata:ce,onCanPlay:le,onPlay:se,onPause:ue,onEnded:ae,onError:ie}),te?t.jsxRuntimeExports.jsxs("div",{className:"slide-player__controls",children:[t.jsxRuntimeExports.jsxs("div",{className:"slide-player__group",children:[t.jsxRuntimeExports.jsx("button",{"aria-label":"More options",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(fe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Volume",className:"hidden",type:"button",children:t.jsxRuntimeExports.jsx(de.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Rewind",className:"slide-player__action",disabled:ee,onClick:J,type:"button",children:t.jsxRuntimeExports.jsx(me.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":U?"Pause":"Play",className:"slide-player__toggle",onClick:()=>{const e=h.current;if(!(!e||!o)){if(i.current!==null){if(U){s.current=!1,d.current=!0,i.current=null,m.current=!1,l(!1),n(!1),e.pause();return}E.current="manual",d.current=!1,s.current=!0,n(!0);return}if(!e.src&&R.length>0){E.current="manual",d.current=!1,v(Math.min(y.current,R.length-1),"toggle");return}if(e.paused){E.current="manual",d.current=!1,s.current=!0,j("toggle-resume");return}s.current=!1,d.current=!0,e.pause()}},type:"button",children:U?t.jsxRuntimeExports.jsx(Re,{}):t.jsxRuntimeExports.jsx(je,{})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Forward",className:"slide-player__action",disabled:re,onClick:Q,type:"button",children:t.jsxRuntimeExports.jsx(pe.default,{className:"slide-player__icon",strokeWidth:2.25})}),t.jsxRuntimeExports.jsx("button",{"aria-label":"Fullscreen",className:"hidden",onClick:X,type:"button",children:t.jsxRuntimeExports.jsx(xe.default,{className:"slide-player__icon",strokeWidth:2.25})})]}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__separator"}),t.jsxRuntimeExports.jsx("div",{className:"slide-player__group",children:t.jsxRuntimeExports.jsx("button",{"aria-label":"Notes",className:O.cn("slide-player__action",I&&"slide-player__action--active"),disabled:!D,onClick:Y,type:"button",children:t.jsxRuntimeExports.jsx(he.default,{className:"slide-player__icon",strokeWidth:2.25})})})]}):null]})};exports.default=be;
|
|
2
2
|
//# sourceMappingURL=Player.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = React.ComponentProps<\"div\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n onLoadingChange?: (loading: boolean) => void;\n onPrev?: () => void;\n onNext?: () => void;\n onFullscreen?: () => void;\n onEnded?: (audioIndex: number) => void;\n onPlayRequest?: () => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst Player: React.FC<PlayerProps> = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n onLoadingChange,\n onPrev,\n onNext,\n onFullscreen,\n onEnded,\n onPlayRequest,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n ...props\n}) => {\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const currentAudioKey = `${currentAudioIndex}:${currentAudio?.audioKey ?? \"none\"}`;\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n setIsPlaying(false);\n updateLoading(false);\n }, [updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((_error: unknown) => {\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [currentAudioIndex]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n const shouldAutoResume = defaultPlaying && !isPausedByUserRef.current;\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n if (hasNewSrc) {\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [defaultPlaying, getSegmentSrc, tryPlayCurrentAudio, updateLoading]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [currentAudioIndex, onEnded, updateLoading]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [defaultPlaying, finishAudioItem, startSegmentPlayback, updateLoading]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n audioSrcRef.current = null;\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = defaultPlaying && !isPausedByUserRef.current;\n const shouldKeepSegmentSource =\n activeSourceTypeRef.current === \"segment\" &&\n Boolean(audioSrcRef.current) &&\n waitingSegmentIndexRef.current === null;\n\n if (shouldKeepSegmentSource) {\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"keep-segment-source\");\n }\n\n return;\n }\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (!hasNewSrc) {\n tryPlayCurrentAudio(\"sync-url\");\n }\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying && !isPausedByUserRef.current;\n setIsPlaying(false);\n updateLoading(!isPausedByUserRef.current);\n return;\n }\n\n if (!currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current =\n defaultPlaying && !isPausedByUserRef.current;\n setIsPlaying(false);\n updateLoading(!isPausedByUserRef.current);\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (!audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n const handleAudioPlay = useCallback(() => {\n setIsPlaying(true);\n updateLoading(false);\n }, [updateLoading]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n setIsPlaying(false);\n }, [currentAudioIndex]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [currentAudioIndex, defaultPlaying, tryPlayCurrentAudio]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n }, [currentAudioIndex]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded]);\n\n const handleAudioError = useCallback(() => {\n setIsPlaying(false);\n updateLoading(false);\n }, [updateLoading]);\n\n return (\n <div className={cn(\"slide-player\", className)} {...props}>\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <div className=\"slide-player__controls\">\n <div className=\"slide-player__group\">\n <button aria-label=\"More options\" className=\"hidden\" type=\"button\">\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label=\"Rewind\"\n className=\"slide-player__action\"\n disabled={prevDisabled}\n onClick={onPrev}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={isPlaying ? \"Pause\" : \"Play\"}\n className=\"slide-player__toggle\"\n onClick={() => {\n const audioElement = audioRef.current;\n\n if (!audioElement || !currentAudio) {\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return;\n }\n\n onPlayRequest?.();\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n // Only the player play button can unlock playback when autoplay is unavailable.\n onPlayRequest?.();\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return;\n }\n\n if (audioElement.paused) {\n onPlayRequest?.();\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n }}\n type=\"button\"\n >\n {isPlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-label=\"Forward\"\n className=\"slide-player__action\"\n disabled={nextDisabled}\n onClick={onNext}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label=\"Fullscreen\"\n className=\"hidden\"\n onClick={onFullscreen}\n type=\"button\"\n >\n <Maximize className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n <button\n aria-label=\"Notes\"\n className={cn(\n \"slide-player__action\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n type=\"button\"\n >\n <FilePenLine className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default Player;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","onLoadingChange","onPrev","onNext","onFullscreen","onEnded","onPlayRequest","onInteractionToggle","hasInteraction","isInteractionOpen","prevDisabled","nextDisabled","showControls","props","audioRef","useRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","isPlaying","setIsPlaying","useState","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","currentAudioKey","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","resetAudio","audioElement","tryPlayCurrentAudio","_reason","playPromise","_error","startSegmentPlayback","segmentIndex","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioEnded","shouldFinishAsUrl","handleAudioError","cn","EllipsisVertical","Volume2","RotateCcw","RotateCw","Maximize","FilePenLine"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Player.cjs.js","sources":["../../../src/components/Slide/Player.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {\n EllipsisVertical,\n FilePenLine,\n Maximize,\n RotateCcw,\n RotateCw,\n Volume2,\n} from \"lucide-react\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { SlideAudioItem } from \"./useSlide\";\nimport \"./player.css\";\n\nconst audioPreloadElementCache = new Map<string, HTMLAudioElement>();\n\nconst preloadAudioUrl = (url?: string) => {\n if (typeof window === \"undefined\" || !url) {\n return;\n }\n\n if (audioPreloadElementCache.has(url)) {\n return;\n }\n\n // Use a detached audio element so warm-up follows the same media loading\n // path as the visible player instead of relying on link preload hints.\n const audio = window.document.createElement(\"audio\");\n audio.preload = \"auto\";\n audio.setAttribute(\"playsinline\", \"true\");\n audio.src = url;\n audio.load();\n\n audioPreloadElementCache.set(url, audio);\n};\n\nexport type PlayerProps = Omit<React.ComponentProps<\"div\">, \"onEnded\"> & {\n audioList?: SlideAudioItem[];\n currentAudioIndex?: number;\n defaultPlaying?: boolean;\n onLoadingChange?: (loading: boolean) => void;\n onPrev?: () => void;\n onNext?: () => void;\n onFullscreen?: () => void;\n onEnded?: (audioIndex: number) => void;\n onInteractionToggle?: () => void;\n hasInteraction?: boolean;\n isInteractionOpen?: boolean;\n prevDisabled?: boolean;\n nextDisabled?: boolean;\n showControls?: boolean;\n};\n\nconst PauseIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M12 10H16V24H12V10ZM18 10H22V24H18V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst PlayIcon = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"34\"\n height=\"34\"\n viewBox=\"0 0 34 34\"\n fill=\"none\"\n >\n <path\n d=\"M16.6667 33.3333C25.8714 33.3333 33.3333 25.8714 33.3333 16.6667C33.3333 7.46192 25.8714 0 16.6667 0C7.46192 0 0 7.46192 0 16.6667C0 25.8714 7.46192 33.3333 16.6667 33.3333Z\"\n fill=\"#0A0A0A\"\n />\n <path d=\"M13.3333 10L23.3333 16.6667L13.3333 23.3333V10Z\" fill=\"white\" />\n </svg>\n);\n\nconst Player: React.FC<PlayerProps> = ({\n audioList = [],\n className,\n currentAudioIndex = -1,\n defaultPlaying = true,\n onLoadingChange,\n onPrev,\n onNext,\n onFullscreen,\n onEnded,\n onInteractionToggle,\n hasInteraction = false,\n isInteractionOpen = false,\n prevDisabled = false,\n nextDisabled = false,\n showControls = true,\n ...props\n}) => {\n const audioRef = useRef<HTMLAudioElement | null>(null);\n const audioSrcRef = useRef<string | null>(null);\n const currentAudioKeyRef = useRef<string | null>(null);\n const currentSegmentIndexRef = useRef(0);\n const waitingSegmentIndexRef = useRef<number | null>(null);\n const currentAudioRef = useRef<SlideAudioItem | undefined>(undefined);\n const currentAudioSegmentsRef = useRef<\n NonNullable<SlideAudioItem[\"audioSegments\"]>\n >([]);\n const isLoadingRef = useRef(false);\n const isPausedByUserRef = useRef(false);\n const activeSourceTypeRef = useRef<\"url\" | \"segment\" | null>(null);\n const isWaitingForSegmentRef = useRef(false);\n const pendingAutoPlayRef = useRef(false);\n const pendingSeekTimeRef = useRef<number | null>(null);\n const isSwitchingSegmentRef = useRef(false);\n const playbackAccessModeRef = useRef<\n \"unknown\" | \"auto\" | \"manual\" | \"blocked\"\n >(\"unknown\");\n const [isPlaying, setIsPlaying] = useState(defaultPlaying);\n const currentAudio =\n currentAudioIndex >= 0 ? audioList[currentAudioIndex] : undefined;\n const currentAudioUrl = currentAudio?.audioUrl;\n const currentAudioSegments = useMemo(\n () =>\n [...(currentAudio?.audioSegments ?? [])].sort(\n (prevSegment, nextSegment) =>\n prevSegment.segment_index - nextSegment.segment_index\n ),\n [currentAudio?.audioSegments]\n );\n const currentAudioKey = `${currentAudioIndex}:${currentAudio?.audioKey ?? \"none\"}`;\n\n useEffect(() => {\n currentAudioRef.current = currentAudio;\n }, [currentAudio]);\n\n useEffect(() => {\n currentAudioSegmentsRef.current = currentAudioSegments;\n }, [currentAudioSegments]);\n\n useEffect(() => {\n const currentUrl = currentAudio?.audioUrl;\n const nextUrl =\n currentAudioIndex >= 0\n ? audioList[currentAudioIndex + 1]?.audioUrl\n : undefined;\n\n preloadAudioUrl(currentUrl);\n preloadAudioUrl(nextUrl);\n }, [audioList, currentAudio?.audioUrl, currentAudioIndex]);\n\n const updateLoading = useCallback(\n (loading: boolean) => {\n if (isLoadingRef.current === loading) {\n return;\n }\n\n isLoadingRef.current = loading;\n onLoadingChange?.(loading);\n },\n [onLoadingChange]\n );\n\n const isAutoplayBlockedError = useCallback((error: unknown) => {\n if (!(error instanceof DOMException)) {\n return false;\n }\n\n return error.name === \"NotAllowedError\" || error.name === \"SecurityError\";\n }, []);\n\n const canStartPlaybackAutomatically = useCallback(() => {\n return (\n defaultPlaying &&\n !isPausedByUserRef.current &&\n playbackAccessModeRef.current !== \"blocked\"\n );\n }, [defaultPlaying]);\n\n const getSegmentSrc = useCallback((audioData: string) => {\n if (!audioData) {\n return \"\";\n }\n\n if (audioData.startsWith(\"data:\")) {\n return audioData;\n }\n\n return `data:audio/mpeg;base64,${audioData}`;\n }, []);\n\n const getWaitingSegmentSeekTime = useCallback(() => {\n const waitingSegmentIndex = waitingSegmentIndexRef.current;\n\n if (waitingSegmentIndex == null || waitingSegmentIndex <= 0) {\n return 0;\n }\n\n return (\n currentAudioSegmentsRef.current\n .slice(0, waitingSegmentIndex)\n .reduce(\n (totalDurationMs, segment) =>\n totalDurationMs + Math.max(Number(segment.duration_ms ?? 0), 0),\n 0\n ) / 1000\n );\n }, []);\n\n const resetAudio = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = false;\n activeSourceTypeRef.current = null;\n pendingSeekTimeRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = null;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n setIsPlaying(false);\n updateLoading(false);\n }, [updateLoading]);\n\n const tryPlayCurrentAudio = useCallback(\n (_reason: string) => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return false;\n }\n\n const playPromise = audioElement.play();\n\n if (playPromise && typeof playPromise.then === \"function\") {\n void playPromise\n .then(() => {\n if (playbackAccessModeRef.current === \"unknown\") {\n playbackAccessModeRef.current = \"auto\";\n }\n\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n })\n .catch((error: unknown) => {\n if (\n playbackAccessModeRef.current === \"unknown\" &&\n isAutoplayBlockedError(error)\n ) {\n // Lock autoplay after the first browser rejection.\n playbackAccessModeRef.current = \"blocked\";\n pendingAutoPlayRef.current = false;\n updateLoading(false);\n }\n\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n });\n }\n\n return true;\n },\n [isAutoplayBlockedError, updateLoading]\n );\n\n const startSegmentPlayback = useCallback(\n (segmentIndex: number, _reason: string) => {\n const audioElement = audioRef.current;\n const segment = currentAudioSegmentsRef.current[segmentIndex];\n\n if (!audioElement || !segment) {\n return false;\n }\n\n const nextAudioSrc = getSegmentSrc(segment.audio_data);\n\n currentSegmentIndexRef.current = segmentIndex;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = true;\n const shouldAutoResume = canStartPlaybackAutomatically();\n\n pendingAutoPlayRef.current = shouldAutoResume;\n updateLoading(false);\n\n const hasNewSrc = audioSrcRef.current !== nextAudioSrc;\n\n activeSourceTypeRef.current = \"segment\";\n\n if (hasNewSrc) {\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = nextAudioSrc;\n audioElement.src = nextAudioSrc;\n audioElement.load();\n }\n\n pendingSeekTimeRef.current = 0;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = 0;\n pendingSeekTimeRef.current = null;\n }\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return true;\n }\n\n return tryPlayCurrentAudio(`start-segment:${_reason}`);\n },\n [\n canStartPlaybackAutomatically,\n getSegmentSrc,\n tryPlayCurrentAudio,\n updateLoading,\n ]\n );\n\n const finishAudioItem = useCallback(\n (_reason?: string) => {\n pendingAutoPlayRef.current = false;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n\n if (currentAudioIndex >= 0) {\n onEnded?.(currentAudioIndex);\n }\n },\n [currentAudioIndex, onEnded, updateLoading]\n );\n\n const handleSegmentEnded = useCallback(() => {\n const nextSegmentIndex = currentSegmentIndexRef.current + 1;\n const segments = currentAudioSegmentsRef.current;\n const nextSegment = segments[nextSegmentIndex];\n const activeAudio = currentAudioRef.current;\n const hasFinal = segments.some((segment) => segment.is_final);\n\n if (nextSegment) {\n startSegmentPlayback(nextSegmentIndex, \"ended\");\n return;\n }\n\n if (activeAudio?.isAudioStreaming || !hasFinal) {\n currentSegmentIndexRef.current = nextSegmentIndex;\n waitingSegmentIndexRef.current = nextSegmentIndex;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = defaultPlaying;\n setIsPlaying(false);\n updateLoading(true);\n\n return;\n }\n\n finishAudioItem(\"segments-completed\");\n }, [defaultPlaying, finishAudioItem, startSegmentPlayback, updateLoading]);\n\n useEffect(() => {\n if (currentAudioKeyRef.current === currentAudioKey) {\n return;\n }\n\n currentAudioKeyRef.current = currentAudioKey;\n currentSegmentIndexRef.current = 0;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = false;\n isSwitchingSegmentRef.current = false;\n activeSourceTypeRef.current = null;\n audioSrcRef.current = null;\n updateLoading(false);\n\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n setIsPlaying(false);\n }, [\n currentAudioIndex,\n currentAudioKey,\n currentAudioSegments.length,\n currentAudioUrl,\n updateLoading,\n ]);\n\n useEffect(() => {\n const audioElement = audioRef.current;\n\n if (!audioElement) {\n return;\n }\n\n if (!currentAudio) {\n resetAudio();\n return;\n }\n\n if (currentAudioUrl) {\n const hasNewSrc = audioSrcRef.current !== currentAudioUrl;\n const shouldAutoResume = canStartPlaybackAutomatically();\n const shouldKeepSegmentSource =\n activeSourceTypeRef.current === \"segment\" &&\n Boolean(audioSrcRef.current) &&\n waitingSegmentIndexRef.current === null;\n\n if (shouldKeepSegmentSource) {\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"keep-segment-source\");\n }\n\n return;\n }\n\n if (hasNewSrc) {\n const nextSeekTime =\n waitingSegmentIndexRef.current !== null\n ? getWaitingSegmentSeekTime()\n : 0;\n\n audioElement.pause();\n audioElement.removeAttribute(\"src\");\n audioElement.load();\n audioSrcRef.current = currentAudioUrl;\n activeSourceTypeRef.current = \"url\";\n audioElement.src = currentAudioUrl;\n audioElement.load();\n pendingSeekTimeRef.current = nextSeekTime;\n\n if (audioElement.readyState > 0) {\n audioElement.currentTime = nextSeekTime;\n pendingSeekTimeRef.current = null;\n }\n }\n\n pendingAutoPlayRef.current = shouldAutoResume;\n isWaitingForSegmentRef.current = false;\n isSwitchingSegmentRef.current = false;\n updateLoading(false);\n\n if (!shouldAutoResume) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n tryPlayCurrentAudio(hasNewSrc ? \"sync-url-init\" : \"sync-url\");\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (waitingSegmentIndexRef.current < currentAudioSegments.length) {\n if (isPausedByUserRef.current) {\n setIsPlaying(false);\n updateLoading(false);\n return;\n }\n\n startSegmentPlayback(waitingSegmentIndexRef.current, \"wait-resume\");\n return;\n }\n\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n if (!currentAudioSegments.length) {\n if (currentAudio.isAudioStreaming) {\n waitingSegmentIndexRef.current = currentSegmentIndexRef.current;\n isWaitingForSegmentRef.current = true;\n pendingAutoPlayRef.current = canStartPlaybackAutomatically();\n setIsPlaying(false);\n updateLoading(canStartPlaybackAutomatically());\n return;\n }\n\n resetAudio();\n return;\n }\n\n if (!audioSrcRef.current) {\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"effect-init\"\n );\n return;\n }\n\n if (!defaultPlaying || isPausedByUserRef.current) {\n pendingAutoPlayRef.current = false;\n audioElement.pause();\n setIsPlaying(false);\n return;\n }\n\n if (audioElement.paused) {\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"sync-paused-retry\");\n }\n }, [\n currentAudio,\n currentAudioIndex,\n currentAudioSegments,\n currentAudioUrl,\n defaultPlaying,\n canStartPlaybackAutomatically,\n resetAudio,\n startSegmentPlayback,\n tryPlayCurrentAudio,\n getWaitingSegmentSeekTime,\n updateLoading,\n ]);\n\n useEffect(() => resetAudio, [resetAudio]);\n\n const handleAudioPlay = useCallback(() => {\n setIsPlaying(true);\n updateLoading(false);\n }, [updateLoading]);\n\n const handleAudioPause = useCallback(() => {\n if (isWaitingForSegmentRef.current || isSwitchingSegmentRef.current) {\n return;\n }\n\n setIsPlaying(false);\n }, [currentAudioIndex]);\n\n const handleAudioCanPlay = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n\n if (!pendingAutoPlayRef.current || !defaultPlaying) {\n return;\n }\n\n tryPlayCurrentAudio(\"canplay\");\n }, [currentAudioIndex, defaultPlaying, tryPlayCurrentAudio]);\n\n const handleLoadedMetadata = useCallback(() => {\n const audioElement = audioRef.current;\n\n if (audioElement && pendingSeekTimeRef.current !== null) {\n audioElement.currentTime = pendingSeekTimeRef.current;\n pendingSeekTimeRef.current = null;\n }\n }, [currentAudioIndex]);\n\n const handleAudioEnded = useCallback(() => {\n const shouldFinishAsUrl =\n activeSourceTypeRef.current === \"url\" ||\n currentAudioSegmentsRef.current.length === 0;\n\n isSwitchingSegmentRef.current = false;\n\n if (shouldFinishAsUrl) {\n finishAudioItem(\"url-ended\");\n return;\n }\n\n handleSegmentEnded();\n }, [finishAudioItem, handleSegmentEnded]);\n\n const handleAudioError = useCallback(() => {\n setIsPlaying(false);\n updateLoading(false);\n }, [updateLoading]);\n\n return (\n <div className={cn(\"slide-player\", className)} {...props}>\n <audio\n ref={audioRef}\n preload=\"auto\"\n playsInline\n onLoadedMetadata={handleLoadedMetadata}\n onCanPlay={handleAudioCanPlay}\n onPlay={handleAudioPlay}\n onPause={handleAudioPause}\n onEnded={handleAudioEnded}\n onError={handleAudioError}\n />\n\n {showControls ? (\n <div className=\"slide-player__controls\">\n <div className=\"slide-player__group\">\n <button aria-label=\"More options\" className=\"hidden\" type=\"button\">\n <EllipsisVertical\n className=\"slide-player__icon\"\n strokeWidth={2.25}\n />\n </button>\n <button aria-label=\"Volume\" className=\"hidden\" type=\"button\">\n <Volume2 className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label=\"Rewind\"\n className=\"slide-player__action\"\n disabled={prevDisabled}\n onClick={onPrev}\n type=\"button\"\n >\n <RotateCcw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label={isPlaying ? \"Pause\" : \"Play\"}\n className=\"slide-player__toggle\"\n onClick={() => {\n const audioElement = audioRef.current;\n\n if (!audioElement || !currentAudio) {\n return;\n }\n\n if (waitingSegmentIndexRef.current !== null) {\n if (isPlaying) {\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n waitingSegmentIndexRef.current = null;\n isWaitingForSegmentRef.current = false;\n setIsPlaying(false);\n updateLoading(false);\n audioElement.pause();\n return;\n }\n\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n updateLoading(true);\n return;\n }\n\n if (!audioElement.src && currentAudioSegments.length > 0) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n startSegmentPlayback(\n Math.min(\n currentSegmentIndexRef.current,\n currentAudioSegments.length - 1\n ),\n \"toggle\"\n );\n return;\n }\n\n if (audioElement.paused) {\n playbackAccessModeRef.current = \"manual\";\n isPausedByUserRef.current = false;\n pendingAutoPlayRef.current = true;\n tryPlayCurrentAudio(\"toggle-resume\");\n return;\n }\n\n pendingAutoPlayRef.current = false;\n isPausedByUserRef.current = true;\n audioElement.pause();\n }}\n type=\"button\"\n >\n {isPlaying ? <PauseIcon /> : <PlayIcon />}\n </button>\n <button\n aria-label=\"Forward\"\n className=\"slide-player__action\"\n disabled={nextDisabled}\n onClick={onNext}\n type=\"button\"\n >\n <RotateCw className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n <button\n aria-label=\"Fullscreen\"\n className=\"hidden\"\n onClick={onFullscreen}\n type=\"button\"\n >\n <Maximize className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n </div>\n\n <div className=\"slide-player__separator\" />\n\n <div className=\"slide-player__group\">\n <button\n aria-label=\"Notes\"\n className={cn(\n \"slide-player__action\",\n isInteractionOpen && \"slide-player__action--active\"\n )}\n disabled={!hasInteraction}\n onClick={onInteractionToggle}\n type=\"button\"\n >\n <FilePenLine className=\"slide-player__icon\" strokeWidth={2.25} />\n </button>\n </div>\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default Player;\n"],"names":["audioPreloadElementCache","preloadAudioUrl","url","audio","PauseIcon","jsxs","jsx","PlayIcon","Player","audioList","className","currentAudioIndex","defaultPlaying","onLoadingChange","onPrev","onNext","onFullscreen","onEnded","onInteractionToggle","hasInteraction","isInteractionOpen","prevDisabled","nextDisabled","showControls","props","audioRef","useRef","audioSrcRef","currentAudioKeyRef","currentSegmentIndexRef","waitingSegmentIndexRef","currentAudioRef","currentAudioSegmentsRef","isLoadingRef","isPausedByUserRef","activeSourceTypeRef","isWaitingForSegmentRef","pendingAutoPlayRef","pendingSeekTimeRef","isSwitchingSegmentRef","playbackAccessModeRef","isPlaying","setIsPlaying","useState","currentAudio","currentAudioUrl","currentAudioSegments","useMemo","prevSegment","nextSegment","currentAudioKey","useEffect","currentUrl","nextUrl","updateLoading","useCallback","loading","isAutoplayBlockedError","error","canStartPlaybackAutomatically","getSegmentSrc","audioData","getWaitingSegmentSeekTime","waitingSegmentIndex","totalDurationMs","segment","resetAudio","audioElement","tryPlayCurrentAudio","_reason","playPromise","startSegmentPlayback","segmentIndex","nextAudioSrc","shouldAutoResume","hasNewSrc","finishAudioItem","handleSegmentEnded","nextSegmentIndex","segments","activeAudio","hasFinal","nextSeekTime","handleAudioPlay","handleAudioPause","handleAudioCanPlay","handleLoadedMetadata","handleAudioEnded","shouldFinishAsUrl","handleAudioError","cn","EllipsisVertical","Volume2","RotateCcw","RotateCw","Maximize","FilePenLine"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { SlideAudioItem } from './useSlide';
|
|
3
|
-
export type PlayerProps = React.ComponentProps<"div"> & {
|
|
3
|
+
export type PlayerProps = Omit<React.ComponentProps<"div">, "onEnded"> & {
|
|
4
4
|
audioList?: SlideAudioItem[];
|
|
5
5
|
currentAudioIndex?: number;
|
|
6
6
|
defaultPlaying?: boolean;
|
|
@@ -9,7 +9,6 @@ export type PlayerProps = React.ComponentProps<"div"> & {
|
|
|
9
9
|
onNext?: () => void;
|
|
10
10
|
onFullscreen?: () => void;
|
|
11
11
|
onEnded?: (audioIndex: number) => void;
|
|
12
|
-
onPlayRequest?: () => void;
|
|
13
12
|
onInteractionToggle?: () => void;
|
|
14
13
|
hasInteraction?: boolean;
|
|
15
14
|
isInteractionOpen?: boolean;
|