{"version":3,"file":"Project_Making_Of_Video.C07Vrf97.mjs","names":["useRef","useState","useMemo","useCallback"],"sources":["https:/framerusercontent.com/modules/BPqobD0au2AjnKJVBnTR/38VfOfiLpUGQDLa5Ydgd/Project_Making_Of_Video.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";import{startTransition,useCallback,useEffect,useMemo,useRef,useState}from\"react\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function ProjectMakingOfVideo(props){const{videoSrc=\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",label=\"\"}=props;const isStaticRenderer=useIsStaticRenderer();const containerRef=useRef(null);const videoRef=useRef(null);const[isMuted,setIsMuted]=useState(true);const[isNearViewport,setIsNearViewport]=useState(false);const[prefersReducedMotion,setPrefersReducedMotion]=useState(false);const ariaLabel=useMemo(()=>{const trimmed=label?.trim();return trimmed&&trimmed.length>0?trimmed:\"Project making-of video\";},[label]);useEffect(()=>{if(typeof window!==\"undefined\"){const mediaQuery=window.matchMedia(\"(prefers-reduced-motion: reduce)\");startTransition(()=>setPrefersReducedMotion(mediaQuery.matches));const onMotionChange=event=>{startTransition(()=>setPrefersReducedMotion(event.matches));};mediaQuery.addEventListener(\"change\",onMotionChange);return()=>{mediaQuery.removeEventListener(\"change\",onMotionChange);};}else{startTransition(()=>setPrefersReducedMotion(false));}},[]);useEffect(()=>{if(typeof window===\"undefined\")return;const target=containerRef.current;if(!target)return;const observer=new IntersectionObserver(entries=>{const entry=entries[0];startTransition(()=>setIsNearViewport(entry.isIntersecting));},{root:null,rootMargin:\"200px 0px 200px 0px\",threshold:.01});observer.observe(target);return()=>observer.disconnect();},[]);useEffect(()=>{const video=videoRef.current;if(!video)return;video.muted=isMuted;if(isStaticRenderer||prefersReducedMotion||!isNearViewport){video.pause();return;}const playbackPromise=video.play();if(playbackPromise&&typeof playbackPromise.then===\"function\"){playbackPromise.catch(()=>{video.muted=true;startTransition(()=>setIsMuted(true));});}},[isMuted,isNearViewport,prefersReducedMotion,isStaticRenderer,videoSrc]);const onToggleSound=useCallback(()=>{startTransition(()=>setIsMuted(prev=>!prev));},[]);const toggleLabel=isMuted?\"Activer le son\":\"Couper le son\";return /*#__PURE__*/_jsxs(\"div\",{ref:containerRef,style:{position:\"relative\",width:\"100%\",height:\"100%\",overflow:\"hidden\",background:\"#000000\",color:\"#FFFFFF\"},\"aria-label\":ariaLabel,children:[/*#__PURE__*/_jsx(\"video\",{ref:videoRef,src:videoSrc,muted:isMuted,loop:true,playsInline:true,controls:false,preload:\"metadata\",\"aria-label\":ariaLabel,style:{width:\"100%\",height:\"100%\",aspectRatio:\"16 / 9\",objectFit:\"contain\",display:\"block\",background:\"#000000\"}}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:onToggleSound,\"aria-label\":toggleLabel,style:{position:\"absolute\",right:8,bottom:8,border:\"none\",background:\"transparent\",padding:0,margin:0,color:\"inherit\",fontSize:12,lineHeight:1,cursor:\"pointer\"},children:isMuted?\"Activer le son\":\"Couper le son\"})]});}addPropertyControls(ProjectMakingOfVideo,{videoSrc:{type:ControlType.String,title:\"Video Src\",defaultValue:\"https://framerusercontent.com/assets/MLWPbW1dUQawJLhhun3dBwpgJak.mp4\",placeholder:\"https://...\"},label:{type:ControlType.String,title:\"Label\",defaultValue:\"Behind the scenes making-of video\",placeholder:\"Accessible video label\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProjectMakingOfVideo\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Project_Making_Of_Video.map"],"mappings":"0OAGG,SAAwB,EAAqB,EAAM,CAAC,GAAK,CAAC,WAAS,uEAAuE,QAAM,IAAI,EAAY,EAAiB,EAAoB,EAAQ,EAAaA,EAAO,IAAI,EAAQ,EAASA,EAAO,IAAI,EAAO,CAAC,EAAQ,GAAYC,EAAS,EAAI,EAAO,CAAC,EAAe,GAAmBA,EAAS,EAAK,EAAO,CAAC,EAAqB,GAAyBA,EAAS,EAAK,EAAQ,EAAUC,MAAY,CAAC,IAAM,EAAQ,GAAO,KAAK,EAAE,OAAO,GAAS,EAAQ,OAAO,EAAE,EAAQ,yBAA0B,EAAE,CAAC,CAAK,CAAC,EAAE,MAAc,CAAC,GAAU,IAAS,OAAY,CAAC,IAAM,EAAW,EAAO,WAAW,kCAAkC,EAAE,MAAoB,EAAwB,EAAW,OAAO,CAAC,EAAE,IAAM,EAAe,GAAO,CAAC,MAAoB,EAAwB,EAAM,OAAO,CAAC,CAAE,EAAuD,OAArD,EAAW,iBAAiB,SAAS,CAAc,MAAY,CAAC,EAAW,oBAAoB,SAAS,CAAc,CAAE,CAAE,MAAM,MAAoB,EAAwB,EAAK,CAAC,CAAG,EAAE,CAAC,CAAC,EAAE,MAAc,CAAC,GAAU,IAAS,OAAY,OAAO,IAAM,EAAO,EAAa,QAAQ,GAAG,CAAC,EAAO,OAAO,IAAM,EAAS,IAAI,qBAAqB,GAAS,CAAC,IAAM,EAAM,EAAQ,GAAG,MAAoB,EAAkB,EAAM,cAAc,CAAC,CAAE,EAAE,CAAC,KAAK,KAAK,WAAW,sBAAsB,UAAU,GAAG,CAAC,EAA2B,OAAzB,EAAS,QAAQ,CAAM,MAAY,EAAS,WAAW,CAAE,EAAE,CAAC,CAAC,EAAE,MAAc,CAAC,IAAM,EAAM,EAAS,QAAQ,GAAG,CAAC,EAAM,OAA2B,GAApB,EAAM,MAAM,EAAW,GAAkB,GAAsB,CAAC,EAAe,CAAC,EAAM,MAAM,EAAE,MAAO,CAAC,IAAM,EAAgB,EAAM,KAAK,EAAK,GAAiB,OAAO,EAAgB,MAAO,YAAY,EAAgB,UAAU,CAAC,EAAM,MAAM,GAAK,MAAoB,EAAW,EAAI,CAAC,CAAE,CAAC,CAAG,EAAE,CAAC,EAAQ,EAAe,EAAqB,EAAiB,CAAQ,CAAC,EAAE,IAAM,EAAcC,MAAgB,CAAC,MAAoB,EAAW,GAAM,CAAC,CAAI,CAAC,CAAE,EAAE,CAAC,CAAC,EAA6D,OAAoB,EAAM,MAAM,CAAC,IAAI,EAAa,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,OAAO,OAAO,SAAS,SAAS,WAAW,UAAU,MAAM,SAAS,EAAE,aAAa,EAAU,SAAS,CAAc,EAAK,QAAQ,CAAC,IAAI,EAAS,IAAI,EAAS,MAAM,EAAQ,KAAK,GAAK,YAAY,GAAK,SAAS,GAAM,QAAQ,WAAW,aAAa,EAAU,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,YAAY,SAAS,UAAU,UAAU,QAAQ,QAAQ,WAAW,SAAS,CAAC,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,QAAQ,EAAc,aAApjB,EAAQ,iBAAiB,gBAAojB,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,OAAO,EAAE,OAAO,OAAO,WAAW,cAAc,QAAQ,EAAE,OAAO,EAAE,MAAM,UAAU,SAAS,GAAG,WAAW,EAAE,OAAO,SAAS,EAAE,SAAS,EAAQ,iBAAiB,eAAe,CAAC,CAAC,CAAC,CAAC,CAAE,qBAHvmF,IAAwE,IAAiF,EAG+8E,EAAoB,EAAqB,CAAC,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,uEAAuE,YAAY,aAAa,EAAE,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,oCAAoC,YAAY,wBAAwB,CAAC,CAAC"}