https://www.browserless.io/_next/static/chunks/pages/feature/session-replay-1a9ec230eee0449f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9725],{12619:(e,t,a)=>{"use strict";a.d(t,{W:()=>o});var r=a(14232),s=a(30373);let i={some:0,all:1};function o(e,{root:t,margin:a,amount:n,once:l=!1,initial:d=!1}={}){let[c,h]=(0,r.useState)(d);return(0,r.useEffect)(()=>{if(!e.current||l&&c)return;let r={root:t&&t.current||void 0,margin:a,amount:n};return function(e,t,{root:a,margin:r,amount:o="some"}={}){let n=(0,s.K)(e),l=new WeakMap,d=new IntersectionObserver(e=>{e.forEach(e=>{let a=l.get(e.target);if(!!a!==e.isIntersecting)if(e.isIntersecting){let a=t(e.target,e);"function"==typeof a?l.set(e.target,a):d.unobserve(e.target)}else"function"==typeof a&&(a(e),l.delete(e.target))})},{root:a,rootMargin:r,threshold:"number"==typeof o?o:i[o]});return n.forEach(e=>d.observe(e)),()=>d.disconnect()}(e.current,()=>(h(!0),l?void 0:()=>h(!1)),r)},[t,e,a,l,n]),c}},13454:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"bug",size:24,node:[["path",{d:"M12 20v-9",key:"1qisl0"}],["path",{d:"M14 7a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4z",key:"uouzyp"}],["path",{d:"M14.12 3.88 16 2",key:"qol33r"}],["path",{d:"M21 21a4 4 0 0 0-3.81-4",key:"1b0z45"}],["path",{d:"M21 5a4 4 0 0 1-3.55 3.97",key:"5cxbf6"}],["path",{d:"M22 13h-4",key:"1jl80f"}],["path",{d:"M3 21a4 4 0 0 1 3.81-4",key:"1fjd4g"}],["path",{d:"M3 5a4 4 0 0 0 3.55 3.97",key:"1d7oge"}],["path",{d:"M6 13H2",key:"82j7cp"}],["path",{d:"m8 2 1.88 1.88",key:"fmnt4t"}],["path",{d:"M9 7.13V6a3 3 0 1 1 6 0v1.13",key:"1vgav8"}]]};s.node;let i=(0,r.A)(s)},16199:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"file-check",size:24,node:[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"m9 15 2 2 4-4",key:"1grp1n"}]]};s.node;let i=(0,r.A)(s)},49105:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"code-xml",size:24,node:[["path",{d:"m18 16 4-4-4-4",key:"1inbqp"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}],["path",{d:"m14.5 4-5 16",key:"e7oirm"}]],aliases:["code-2"]};s.node;let i=(0,r.A)(s)},54104:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>g});var r=a(37876),s=a(83622),i=a(63065),o=a(13454),n=a(88634),l=a(49105),d=a(48230),c=a.n(d),h=a(14232),p=a(31448),m=a(8797),u=a(42298),y=a(98425),x=a(63361);function g(){let{track:e}=(0,y.A)(x.hU);return(0,h.useEffect)(()=>{e({feature:"Session Replay"})},[e]),(0,r.jsxs)(p.f,{title:"Session Replay & Recording for Automation | Browserless",description:"See exactly what your automation did with a searchable timeline of DOM changes, console logs, network events, and optional video capture.",ogImage:"https://cdn.prod.website-files.com/65cb4923a3a6b08fe1124094/6601a7a5b8508b353addd84f_social-preview.jpg",canonical:"/feature/session-replay",children:[(0,r.jsx)(m.KE,{badge:"Session Replay",badgeIcon:i.A,title:"See every click.",titleAccent:"Catch every error.",description:"Session Replay shows exactly what your automation did—with a searchable timeline of DOM changes, console logs, and network events, plus optional full-video capture when you need pixel-perfect truth.",primaryCTA:"Get Started",primaryHref:"/signup/email/?plan=free"}),(0,r.jsx)("section",{className:"py-12 lg:py-16",children:(0,r.jsx)("div",{className:"container mx-auto px-4 lg:px-20",children:(0,r.jsxs)("div",{className:"grid items-center gap-12 lg:grid-cols-2 lg:gap-16",children:[(0,r.jsxs)(s.m.div,{initial:"hidden",whileInView:"visible",viewport:{once:!0,margin:"-100px"},variants:m.tE,className:"flex flex-col gap-8",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"mb-6 text-4xl font-bold tracking-[-0.02em] text-foreground md:text-5xl",children:"Reproduce bugs in seconds and jump to failing moments"}),(0,r.jsx)(u.$,{asChild:!0,size:"lg",children:(0,r.jsx)(c(),{href:"/signup/email/?plan=free",children:"Get Started"})})]}),(0,r.jsx)("div",{className:"relative aspect-video w-full overflow-hidden rounded-xl border border-border/50 bg-muted shadow-2xl",children:(0,r.jsx)("video",{src:"/marketing/features/session_replay.mp4",poster:"/marketing/features/session_replay-poster.webp",autoPlay:!0,muted:!0,loop:!0,playsInl

1ine:!0,"aria-label":"Session Replay in action",className:"absolute inset-0 h-full w-full object-cover"})})]}),(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsx)(m.$6,{delay:.1,children:(0,r.jsxs)("div",{className:"group overflow-hidden rounded-xl border border-border/50 bg-gradient-to-br from-card to-card/80 p-6 transition-all duration-300 hover:border-primary/30 hover:shadow-xl hover:shadow-primary/5",children:[(0,r.jsx)("div",{className:"mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10",children:(0,r.jsx)(o.A,{className:"h-6 w-6 text-primary"})}),(0,r.jsx)("h3",{className:"mb-3 text-lg font-semibold",children:"Debug in context"}),(0,r.jsx)("p",{className:"mb-4 text-sm leading-relaxed text-muted-foreground",children:"Console logs, CDP events, and a network waterfall are synced to the timeline; click any error to jump in."}),(0,r.jsx)(u.$,{asChild:!0,variant:"link",className:"h-auto p-0",children:(0,r.jsx)(c(),{href:"https://docs.browserless.io/baas/interactive-browser-sessions/session-replay",target:"_blank",children:"Read the session replay docs"})})]})}),(0,r.jsx)(m.$6,{delay:.2,children:(0,r.jsxs)("div",{className:"group overflow-hidden rounded-xl border border-border/50 bg-gradient-to-br from-card to-card/80 p-6 transition-all duration-300 hover:border-primary/30 hover:shadow-xl hover:shadow-primary/5",children:[(0,r.jsx)("div",{className:"mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10",children:(0,r.jsx)(n.A,{className:"h-6 w-6 text-primary"})}),(0,r.jsx)("h3",{className:"mb-3 text-lg font-semibold",children:"Quickly find the root cause of errors"}),(0,r.jsx)("p",{className:"text-sm leading-relaxed text-muted-foreground",children:"Reproduce bugs in seconds: jump to the failing moment, open the element in DevTools, and view the exact request chain."})]})}),(0,r.jsx)(m.$6,{delay:.3,children:(0,r.jsxs)("div",{className:"group overflow-hidden rounded-xl border border-border/50 bg-gradient-to-br from-card to-card/80 p-6 transition-all duration-300 hover:border-primary/30 hover:shadow-xl hover:shadow-primary/5",children:[(0,r.jsx)("div",{className:"mb-4 flex h-12 w-12 items-center justify-center rounded-xl bg-primary/10",children:(0,r.jsx)(l.A,{className:"h-6 w-6 text-primary"})}),(0,r.jsx)("h3",{className:"mb-3 text-lg font-semibold",children:"Works across libraries"}),(0,r.jsx)("p",{className:"text-sm leading-relaxed text-muted-foreground",children:"Works with BrowserQL, Puppeteer, and Playwright; attach replays to every run."})]})})]})]})})}),(0,r.jsx)("section",{className:"bg-muted/30 py-12 lg:py-16",children:(0,r.jsxs)("div",{className:"container mx-auto px-4 lg:px-20",children:[(0,r.jsx)(m.w,{title:"Pair with other features",description:"Two options for getting past compulsory captchas",className:"mb-16"}),(0,r.jsx)("div",{className:"mx-auto max-w-4xl",children:(0,r.jsxs)(m.hM,{columns:2,children:[(0,r.jsx)(m.Pq,{href:"/feature/hybrid-automations",imageSrc:"/marketing/features/login.svg",title:"Hybrid Automations",description:"Stream a page such as a login to your user one time, so they can interact with it and then store the cookie, cache or localstorage for another automation."}),(0,r.jsx)(m.Pq,{href:"/blog/captcha-solving",imageSrc:"/marketing/features/hand_robot.svg",title:"Captcha Solving",description:"After automatically solving a captcha you can store the cookie or keep the browser alive to skip repeat checks."})]})})]})}),(0,r.jsx)(m.wB,{title:"Ready to try the benefits of Browserless?",primaryCTA:"Sign Up",primaryHref:"/signup/email/?plan=free"})]})}},63065:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"video",size:24,node:[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]]};s.node;let i=(0,r.A)(s)},73270:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"shield-check",size:24,node:[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",ke

1y:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]};s.node;let i=(0,r.A)(s)},78231:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"globe",size:24,node:[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]};s.node;let i=(0,r.A)(s)},81466:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"arrow-right",size:24,node:[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]};s.node;let i=(0,r.A)(s)},82722:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/feature/session-replay",function(){return a(54104)}])},88600:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"heart-pulse",size:24,node:[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}],["path",{d:"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27",key:"auskq0"}]]};s.node;let i=(0,r.A)(s)},88634:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(51935);let s={name:"search",size:24,node:[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]};s.node;let i=(0,r.A)(s)},98425:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(14232),s=a(63041);function i(e){let[t,a]=r.useState(!1);return{track:async r=>{t||(a(!0),(await (0,s.C_)()).track(e,r||{}))},reset:()=>a(!1),set:async(e,t)=>{let a=await (0,s.C_)(),r=new a.Identify;r.set(e,t),a.identify(r)},trackWithBeacon:async t=>{let a=await (0,s.C_)();a.setTransport("beacon"),await a.track(e,t||{}),a.flush()},setGroup:async(e,t)=>{(await (0,s.C_)()).setGroup(e,t)}}}}},e=>{e.O(0,[4938,1825,785,4808,4587,3622,2459,8797,636,6593,8792],()=>e(e.s=82722)),_N_E=e.O()}]);