{"version":3,"sources":["App.js","reportWebVitals.js","index.js"],"names":["App","playerRef","React","useRef","audioRef","useState","play","setPlay","playerUri","setPlayerUri","current","setCurrent","Radios","id","name","image","motto","uri","type","className","src","alt","ref","dots","infinite","speed","slidesToShow","slidesToScroll","map","radio","i","onClick","setTimeout","audio","pause","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"wPA6JeA,EA3IH,WACX,IAAMC,EAAYC,IAAMC,SAClBC,EAAWF,IAAMC,SACvB,EAAwBD,IAAMG,UAAS,GAAvC,mBAAOC,EAAP,KAAaC,EAAb,KACA,EAAkCL,IAAMG,SAAS,IAAjD,mBAAOG,EAAP,KAAkBC,EAAlB,KACA,EAA8BP,IAAMG,SAAS,GAA7C,mBAAOK,EAAP,KAAgBC,EAAhB,KAUMC,EAAS,CACd,CACCC,GAAI,EACJC,KAAM,YACNC,MAAO,YACPC,MAAO,kCACPC,IAzBe,oEA0BfC,KAAM,OAEP,CACCL,GAAI,EACJC,KAAM,eACNC,MAAO,cACPC,MAAO,2CACPC,IAtCyB,sEAuCzBC,KAAM,OAEP,CACCL,GAAI,EACJC,KAAM,iBACNC,MAAO,gBACPC,MAAO,2GACPC,IAvCc,mEAwCdC,KAAM,OAEP,CACCL,GAAI,EACJC,KAAM,uBACNC,MAAO,sBACPC,MAAO,oCACPC,IArDwB,6EAsDxBC,KAAM,OAEP,CACCL,GAAI,EACJC,KAAM,sBACNC,MAAO,qBACPC,MAAO,wBACPC,IA5DuB,oCA6DvBC,KAAM,UAEP,CACCL,GAAI,EACJC,KAAM,0BACNC,MAAO,oBACPC,MAAO,4BACPC,IAnEsB,oCAoEtBC,KAAM,WA6CR,OACC,sBAAKC,UAAU,eAAf,UACC,iCACC,qBAAKA,UAAU,aAAf,SACC,qBAAKC,IAAI,YAAYC,IAAI,SAI3B,cAAC,IAAD,CAAgBpB,UAAWA,EAAWmB,IAAKZ,IAC3C,cAAC,IAAD,CAAac,IAAKlB,EAAUgB,IAAKZ,IAEjC,kCACC,cAAC,IAAD,2BAhHc,CAChBe,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,IA2Gd,aACEf,EAAOgB,KAAI,SAACC,EAAOC,GAAR,OACX,sBAAKX,UAAU,aAAf,UACC,qBAAKA,UAAU,aAAf,SACC,qBAAKC,IAAG,WAAMS,EAAMd,MAAZ,QAAyBM,IAAKQ,EAAMf,SAG7C,qBAAKK,UAAU,cAAf,SAA8BU,EAAMb,QAEpC,wBAAQG,UAAWT,IAAYmB,EAAMhB,GAAK,SAAW,GAAIkB,QAAS,kBA9DrDd,EA8DqEY,EAAMZ,IA9DtEJ,EA8D2EgB,EAAMhB,GA9D7EK,EA8DiFW,EAAMX,UA7D9GD,IAAQT,GACXD,GAAQ,GACRE,EAAaQ,GACbN,EAAW,GAEXqB,YAAW,WACVzB,GAAQ,GACK,QAATW,EACHjB,EAAUS,QAAQJ,OAElBF,EAASM,QAAQuB,MAAMvB,QAAQJ,OAGhCK,EAAWE,KACT,MAECP,GACHC,GAAQ,GACK,QAATW,EACHjB,EAAUS,QAAQwB,QAElB9B,EAASM,QAAQuB,MAAMvB,QAAQwB,QAEhCvB,EAAW,KAEXJ,GAAQ,GACRE,EAAaQ,GACbN,EAAWE,GAEXmB,YAAW,WACG,QAATd,EACHjB,EAAUS,QAAQJ,OAElBF,EAASM,QAAQuB,MAAMvB,QAAQJ,SAE9B,OApCY,IAACW,EAAKJ,EAAIK,GA8DtB,qBAPgCY,eC/HxBK,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACR,cAAC,IAAMC,WAAP,UACC,cAAC,EAAD,MAEDC,SAASC,eAAe,SAMzBb,M","file":"static/js/main.484a2584.chunk.js","sourcesContent":["import React from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\nimport ReactHlsPlayer from 'react-hls-player';\n\nimport AudioPlayer from 'react-h5-audio-player';\nimport 'react-h5-audio-player/lib/styles.css';\n\nconst RadyoTrafikIstanbul = 'https://moondigitaledge.radyotvonline.net/radyotrafik/playlist.m3u8';\nconst RadyoTrafikMarmara = 'https://moondigitaledge.radyotvonline.net/radyotrafikmarmara/playlist.m3u8';\nconst RadyoTrafikAnkara = 'http://37.247.100.118/stream/462/';\nconst RadyoTrafikIzmir = 'http://37.247.100.118/stream/179/';\n\nconst Radyospor = 'https://moondigitaledge.radyotvonline.net/radyospor/playlist.m3u8';\n\nconst Slowtime = 'https://moondigitaledge.radyotvonline.net/slowtime/playlist.m3u8';\n\nconst App = () => {\n\tconst playerRef = React.useRef();\n\tconst audioRef = React.useRef();\n\tconst [play, setPlay] = React.useState(false);\n\tconst [playerUri, setPlayerUri] = React.useState('');\n\tconst [current, setCurrent] = React.useState(0);\n\n\tconst settings = {\n\t\tdots: false,\n\t\tinfinite: false,\n\t\tspeed: 500,\n\t\tslidesToShow: 4,\n\t\tslidesToScroll: 4,\n\t};\n\n\tconst Radios = [\n\t\t{\n\t\t\tid: 1,\n\t\t\tname: 'Radyospor',\n\t\t\timage: 'radyospor',\n\t\t\tmotto: \"Türkiye'nin ilk spor radyosu\",\n\t\t\turi: Radyospor,\n\t\t\ttype: 'hls',\n\t\t},\n\t\t{\n\t\t\tid: 2,\n\t\t\tname: 'Radyo Trafik',\n\t\t\timage: 'radyotrafik',\n\t\t\tmotto: \"Türkiye'nin ilk ve tek trafik radyosu\",\n\t\t\turi: RadyoTrafikIstanbul,\n\t\t\ttype: 'hls',\n\t\t},\n\t\t{\n\t\t\tid: 3,\n\t\t\tname: 'Radyo Slowtime',\n\t\t\timage: 'radyoslowtime',\n\t\t\tmotto: 'Hayatın tadını çıkarmak için şimdi tempoyu düşürme zamanı',\n\t\t\turi: Slowtime,\n\t\t\ttype: 'hls',\n\t\t},\n\t\t{\n\t\t\tid: 4,\n\t\t\tname: 'Radyo Trafik Marmara',\n\t\t\timage: 'radyotrafik-marmara',\n\t\t\tmotto: 'Marmara bölgesi trafik radyosu',\n\t\t\turi: RadyoTrafikMarmara,\n\t\t\ttype: 'hls',\n\t\t},\n\t\t{\n\t\t\tid: 5,\n\t\t\tname: 'Radyo Trafik Ankara',\n\t\t\timage: 'radyotrafik-ankara',\n\t\t\tmotto: 'Ankara trafik radyosu',\n\t\t\turi: RadyoTrafikAnkara,\n\t\t\ttype: 'nonhls',\n\t\t},\n\t\t{\n\t\t\tid: 6,\n\t\t\tname: 'Radyo Trafik İzmir',\n\t\t\timage: 'radyotrafik-izmir',\n\t\t\tmotto: 'İzmir trafik radyosu',\n\t\t\turi: RadyoTrafikIzmir,\n\t\t\ttype: 'nonhls',\n\t\t},\n\t];\n\n\tconst playRadio = (uri, id, type) => {\n\t\tif (uri !== playerUri) {\n\t\t\tsetPlay(false);\n\t\t\tsetPlayerUri(uri);\n\t\t\tsetCurrent(0);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetPlay(true);\n\t\t\t\tif (type === 'hls') {\n\t\t\t\t\tplayerRef.current.play();\n\t\t\t\t} else {\n\t\t\t\t\taudioRef.current.audio.current.play();\n\t\t\t\t}\n\n\t\t\t\tsetCurrent(id);\n\t\t\t}, 1000);\n\t\t} else {\n\t\t\tif (play) {\n\t\t\t\tsetPlay(false);\n\t\t\t\tif (type === 'hls') {\n\t\t\t\t\tplayerRef.current.pause();\n\t\t\t\t} else {\n\t\t\t\t\taudioRef.current.audio.current.pause();\n\t\t\t\t}\n\t\t\t\tsetCurrent(0);\n\t\t\t} else {\n\t\t\t\tsetPlay(true);\n\t\t\t\tsetPlayerUri(uri);\n\t\t\t\tsetCurrent(id);\n\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif (type === 'hls') {\n\t\t\t\t\t\tplayerRef.current.play();\n\t\t\t\t\t} else {\n\t\t\t\t\t\taudioRef.current.audio.current.play();\n\t\t\t\t\t}\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"saran-radios\">\n\t\t\t<header>\n\t\t\t\t<div className=\"saran-logo\">\n\t\t\t\t\t<img src=\"/logo.svg\" alt=\"\" />\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t<ReactHlsPlayer playerRef={playerRef} src={playerUri} />\n\t\t\t<AudioPlayer ref={audioRef} src={playerUri} />\n\n\t\t\t<section>\n\t\t\t\t<Slider {...settings}>\n\t\t\t\t\t{Radios.map((radio, i) => (\n\t\t\t\t\t\t<div className=\"radio-card\" key={i}>\n\t\t\t\t\t\t\t<div className=\"radio-logo\">\n\t\t\t\t\t\t\t\t<img src={`/${radio.image}.svg`} alt={radio.name} />\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"radio-motto\">{radio.motto}</div>\n\n\t\t\t\t\t\t\t<button className={current === radio.id ? 'active' : ''} onClick={() => playRadio(radio.uri, radio.id, radio.type)}>\n\t\t\t\t\t\t\t\tDinle\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</Slider>\n\t\t\t</section>\n\t\t</div>\n\t);\n};\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './style.scss';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n\t<React.StrictMode>\n\t\t<App />\n\t</React.StrictMode>,\n\tdocument.getElementById('root'),\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}