https://plus.rtl.de/player-stats-overlay-87358502aad81efc.bundle.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[6857],{8387(e,s,r){r.r(s),r.d(s,{StatsOverlay:()=>B,default:()=>L});var d=r(3495),t=r(66751),i=r(2740),l=r(2631),n=r.n(l),a=r(97079),c=r(7416),o=r(36009),h=r(62076),x=r(30259),j=r(70199),u=r(1006),f=r(11492),b=r(27473),m=r(55729),p=r(89092),y="PevDFuCSyq4BteoM",g="ca_iksC_OiGOvTaF",v="XzxfQiOKQW6yg7ST",N="YWxjjUDJKyYaSipu";const S=({error:e})=>{const{message:s}=e,[r,t]=(0,a.ZA)("statsOverlay",a.cr.withDefault(!1));return(0,d.jsxs)("div",{className:N,children:[(0,d.jsx)("div",{className:y,onClick:e=>{e.stopPropagation(),t(e=>!e)},children:(0,d.jsx)(m.In,{name:m.WW.Cross,color:"white",size:24})}),(0,d.jsx)("div",{className:"N_sziQQLr5AoZIDq",children:s})]})},C="green",A="red",B=({metrics:e,source:s,engine:r})=>{const[l,b]=(0,t.useState)([{bufferLength:0,bitrate:0}]),[S,B]=(0,t.useState)([{bufferLength:0,bitrate:0}]),[L,k]=(0,t.useState)(0),[M,O]=(0,t.useState)(0),[D,w]=(0,t.useState)(!0),[,W]=(0,a.ZA)("statsOverlay",a.cr.withDefault(!1)),{bufferLevel:_,droppedFrames:I,latency:R,drmInfo:K,bufferLength:P,bitrate:T,time:F,networkBandwith:Q,videoHeight:z,videoWidth:E,codecs:Y}=e,{format:G,quality:H,drm:q}=s,{type:V}=r,{currentTime:Z,buffer:U,bufferStart:X,buffering:J}=(0,i.d4)(p.b);if(F!==M&&P){const e=e=>{let s=l;return s.length>1200&&(s=n().drop(s,-(1200-s.length))),n().concat(s,[e])};$={bufferLength:n().round(P,2),bitrate:n().round(T/1024/1024,2)},b(l.concat([$])),B(e($)),k(L-25),O(F)}var $;const ee=K&&K.keySystem&&q;let se,re,de;if(ee){const{keySystem:e}=K,s=q.keySystems[e];se=s.sessionType,re=s.audioRobustness,de=s.videoRobustness}return(0,d.jsxs)("div",{className:N,children:[(0,d.jsx)("div",{className:y,onClick:e=>(e=>{e.stopPropagation(),W(e=>!e)})(e),children:(0,d.jsx)(m.In,{name:m.WW.Cross,color:"white",size:24})}),(0,d.jsxs)("div",{className:g,children:[(0,d.jsx)("h2",{children:"Source"}),(0,d.jsxs)("dl",{"aria-label":"Engine",children:[(0,d.jsx)("dt",{children:"Engine"}),(0,d.jsx)("dd",{children:V})]}),(0,d.jsxs)("dl",{"aria-label":"Format",children:[(0,d.jsx)("dt",{children:"Format"}),(0,d.jsx)("dd",{children:G})]}),(0,d.jsxs)("dl",{"aria-label":"Quality",children:[(0,d.jsx)("dt",{children:"Quality"}),(0,d.jsx)("dd",{children:H})]}),(0,d.jsxs)("dl",{"aria-label":"Codecs",children:[(0,d.jsx)("dt",{children:"Codecs"}),(0,d.jsx)("dd",{children:Y})]}),(0,d.jsxs)("dl",{className:v,"aria-label":"With DRM",children:[(0,d.jsx)("dt",{children:"With DRM"}),(0,d.jsx)("dd",{children:ee?"Yes":"No"})]}),ee&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("dl",{"aria-label":"Protection",children:[(0,d.jsx)("dt",{children:"Protection"}),(0,d.jsx)("dd",{children:q.type})]}),(0,d.jsxs)("dl",{"aria-label":"Key System",children:[(0,d.jsx)("dt",{children:"Key System"}),(0,d.jsx)("dd",{children:K.keySystem})]}),se&&(0,d.jsxs)("dl",{"aria-label":"Session Type",children:[(0,d.jsx)("dt",{children:"Session Type"}),(0,d.jsx)("dd",{children:se})]}),re&&(0,d.jsxs)("dl",{"aria-label":"Audio Robustness",children:[(0,d.jsx)("dt",{children:"Audio Robustness"}),(0,d.jsx)("dd",{children:re})]}),de&&(0,d.jsxs)("dl",{"aria-label":"Video Robustness",children:[(0,d.jsx)("dt",{children:"Video Robustness"}),(0,d.jsx)("dd",{children:de})]})]})]}),(0,d.jsxs)("div",{className:g,children:[(0,d.jsx)("h2",{children:"Video Metrics"}),P&&(0,d.jsxs)("dl",{"aria-label":"Buffer length",children:[(0,d.jsx)("dt",{children:"Buffer length"}),(0,d.jsxs)("dd",{children:[Math.round(100*P)/100,"s"]})]}),_&&(0,d.jsxs)("dl",{"aria-label":"Buffer level",children:[(0,d.jsx)("dt",{children:"Buffer level"}),(0,d.jsxs)("dd",{children:[Math.round(100*_)/100,"s"]})]}),!!I&&(0,d.jsxs)("dl",{"aria-label":"Dropped frames",children:[(0,d.jsx)("dt",{children:"Dropped frames"}),(0,d.jsx)("dd",{children:I})]}),!!R&&(0,d.jsxs)("dl",{"aria-label":"Latency from live edge",children:[(0,d.jsx)("dt",{children:"Latency from live edge"}),(0,d.jsxs)("dd",{children:[Math.round(100*R)/100,"s"]})]}),T&&(0,d.jsxs)("dl",{"aria-label":"Bitrate",children:[(0,d.jsx)("dt",{children:"Bitrate"}),(0,d.jsxs)("dd",{children:[Number(Math.round(T/1024)).toLocaleStr

1ing()," kbps"]})]}),(0,d.jsxs)("dl",{"aria-label":"Width / Height",children:[(0,d.jsx)("dt",{children:"Width / Height"}),(0,d.jsxs)("dd",{children:[E,"px / ",z,"px"]})]}),Q&&(0,d.jsxs)("dl",{"aria-label":"Network bandwith",children:[(0,d.jsx)("dt",{children:"Network bandwith"}),(0,d.jsxs)("dd",{children:[Number(Math.round(Q/1024)).toLocaleString()," kbps"]})]}),(0,d.jsxs)("dl",{"aria-label":"20 minutes chart memory max ?",children:[(0,d.jsx)("dt",{children:"20 minutes chart memory max ?"}),(0,d.jsx)("dd",{style:{paddingLeft:"20px"},children:(0,d.jsx)("input",{type:"checkbox",onChange:e=>{e.stopPropagation(),w(!D)},checked:D})})]}),P||T?(0,d.jsx)("dl",{className:v,children:(0,d.jsx)(c.u,{width:"100%",height:200,className:"MjAluN2zjGegs_67",children:(0,d.jsxs)(o.b,{data:D?S:l,margin:{top:5,right:30,left:0,bottom:5},children:[(0,d.jsxs)("defs",{children:[(0,d.jsxs)("linearGradient",{id:"bufferLengthColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,d.jsx)("stop",{offset:"5%",stopColor:C,stopOpacity:.8}),(0,d.jsx)("stop",{offset:"95%",stopColor:C,stopOpacity:0})]}),(0,d.jsxs)("linearGradient",{id:"bitrateColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,d.jsx)("stop",{offset:"5%",stopColor:A,stopOpacity:.8}),(0,d.jsx)("stop",{offset:"95%",stopColor:A,stopOpacity:0})]})]}),(0,d.jsx)(h.W,{}),(0,d.jsx)(x.h,{yAxisId:"left",unit:"s"}),(0,d.jsx)(x.h,{yAxisId:"right",orientation:"right",unit:"Mbps"}),(0,d.jsx)(j.m,{}),(0,d.jsx)(u.s,{}),P&&(0,d.jsx)(f.N1,{type:"monotone",dataKey:"bufferLength",yAxisId:"left",stroke:C,fillOpacity:1,fill:"url(#bufferLengthColor)",padding:{left:L,right:0},isAnimationActive:!1,dot:!1,activeDot:!1}),T&&(0,d.jsx)(f.N1,{type:"monotone",dataKey:"bitrate",yAxisId:"right",stroke:A,fillOpacity:1,fill:"url(#bitrateColor)",padding:{left:L,right:0},isAnimationActive:!1,dot:!1,activeDot:!1})]})})}):null]}),(0,d.jsxs)("div",{className:g,children:[(0,d.jsx)("h2",{children:"Player Metrics"}),(0,d.jsxs)("dl",{"aria-label":"Current time",children:[(0,d.jsx)("dt",{children:"Current time"}),(0,d.jsxs)("dd",{children:[Math.round(100*Z)/100,"s"]})]}),(0,d.jsxs)("dl",{"aria-label":"Buffer start",children:[(0,d.jsx)("dt",{children:"Buffer start"}),(0,d.jsxs)("dd",{children:[Math.round(100*X)/100,"s"]})]}),(0,d.jsxs)("dl",{"aria-label":"Buffer end",children:[(0,d.jsx)("dt",{children:"Buffer end"}),(0,d.jsxs)("dd",{children:[Math.round(100*U)/100,"s"]})]}),(0,d.jsxs)("dl",{"aria-label":"Buffering",children:[(0,d.jsx)("dt",{children:"Buffering"}),(0,d.jsx)("dd",{children:J?"Yes":"No"})]}),Z&&U&&(0,d.jsxs)("dl",{"aria-label":"Buffer end lower than current time",children:[(0,d.jsx)("dt",{children:"Buffer end lower than current time"}),(0,d.jsx)("dd",{children:U<Z?"Yes : something bad happened":"No"})]})]})]})};B.displayName="StatsOverlay";const L=(0,b.Xc)(B,()=>({print:!0,renderError:e=>(0,d.jsx)(S,{error:e})}))}}]);
2//# sourceMappingURL=sourcemaps/player-stats-overlay-87358502aad81efc.bundle.js.map