PageSourceSearch

https://portfolio.francescobertocci.com/assets/MuxPosterPlayer-_TlMbkvD.js

js francescobertocci.com collected 2026-10-06 22:31:20 UTC 1,552 bytes, 2 lines download raw bytes

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-mux-COJpYTPo.js","assets/vendor-react-WIyK4ETu.js"])))=>i.map(i=>d[i]);
2import{_ as p}from"./vendor-supabase-CIugC5X6.js";import{j as e}from"./vendor-query-BdFmonBs.js";import{r as s}from"./vendor-react-WIyK4ETu.js";import{a7 as d}from"./index-BFSEBbff.js";const h=s.lazy(()=>p(()=>import("./vendor-mux-COJpYTPo.js"),__vite__mapDeps([0,1])));function b({playbackId:a,poster:i,posterTime:o,title:t,muted:n=!1,playbackRate:m=1,accentColor:u="#C9A167",extraSourceParams:l}){const[c,f]=s.useState(!1),r=i||`https://image.mux.com/${a}/thumbnail.jpg?width=1280&fit_mode=preserve&time=${o||0}`;return c?e.jsx(s.Suspense,{fallback:e.jsx("div",{className:"w-full h-full bg-muted animate-pulse"}),children:e.jsx(h,{playbackId:a,streamType:"on-demand",autoPlay:!0,muted:n,playbackRate:m,accentColor:u,extraSourceParams:l&&Object.keys(l).length>0?l:void 0,poster:r,style:{width:"100%",height:"100%"},metadata:{video_title:t||"Video"}})}):e.jsxs("button",{type:"button",onClick:()=>f(!0),"aria-label":`Play ${t||"video"}`,className:"relative block w-full h-full group/play",children:[e.jsx("img",{src:r,alt:t||"Video",className:"w-full h-full object-cover",loading:"lazy"}),e.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx("span",{className:"h-14 w-14 rounded-full bg-black/60 flex items-center justify-center transition-transform group-hover/play:scale-105",children:e.jsx(d,{className:"h-6 w-6 text-white fill-white ml-0.5"})})})]})}export{b as M};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.