memoplay-screen-recorder
Version:
A simple screen recorder
1 lines • 12.7 kB
Source Map (JSON)
{"version":3,"sources":["E:/Users/felip/Desktop/Mewters/Projects/memoplay-screen-recorder/src/E:/Users/felip/Desktop/Mewters/Projects/memoplay-screen-recorder/src/index.css","main.f9ebdd63.chunk.css","E:/Users/felip/Desktop/Mewters/Projects/memoplay-screen-recorder/src/E:/Users/felip/Desktop/Mewters/Projects/memoplay-screen-recorder/src/App.css"],"names":[],"mappings":"AAAA,KACE,QAAA,CACA,SAAA,CACA,mICEY,CDCZ,kCAAA,CACA,iCCCF,CDEA,KACE,uECEF,CCbA,KACE,6BAAA,CACA,wBAAA,CACA,aAAA,CACA,YAAA,CACA,eAAA,CACA,gBDgBF,CCdA,OACE,cDgBF,CCdA,aACE,UDgBF,CCbA,OACE,+BAAA,CACA,cDgBF,CCXA,eACE,YAAA,CACA,+BAAA,CACA,aDgBF,CCbA,iCACE,2FDkBF,CCbA,uCACE,yFDkBF,CCTA,+EACE,YDgBF,CCXA,eACE,eAAA,CACA,UDgBF,CCdA,+BACE,eDgBF,CCZA,0BACE,iBAAA,CACA,WAAA,CAKA,eDmBF,CChBA,6DAPE,UAAA,CACA,oBAAA,CAAA,YAAA,CACA,8BAAA,CAAA,sBAAA,CACA,0BAAA,CAAA,kBDgCF,CC5BA,mCACE,iBAAA,CACA,WD0BF,CCnBA,8CACE,UAAA,CACA,eAAA,CACA,sBAAA,CACA,kBAAA,CACA,YAAA,CACA,kCDsBF,CCnBA,eACE,SDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,eACE,UDsBF,CCpBA,gBACE,WDsBF,CCjBA,kBACE,0BAAA,CAGA,2BAAA,CAAA,mBDyBF,CCvBA,oCAJE,oBAAA,CAAA,YAAA,CACA,qCAAA,CAAA,6BDkCF,CC/BA,kBAEE,wBAAA,CAAA,gBD6BF,CCzBA,iBACE,eD4BF,CCxBA,mBACE,2BAAA,CACA,oBAAA,CAAA,YAAA,CACA,qCAAA,CAAA,6BAAA,CACA,0BAAA,CAAA,kBD+BF,CC3BA,gBACE,oBAAA,CAAA,YAAA,CACA,iBDgCF,CC9BA,uBACE,oBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,qBAAA,CACA,0BAAA,CAAA,kBAAA,CACA,8BAAA,CAAA,sBAAA,CACA,wBAAA,CACA,WAAA,CACA,cAAA,CACA,aDoCF,CClCA,6BACE,aDoCF,CCjCA,4BACE,cDoCF,CCtBA,qBACE,kBDoCF,CCjCA,gBACE,YAAA,CACA,0CAAA,CACA,aDoCF,CC/BA,cAEE,wBAAA,CACA,iBAAA,CAGA,qBAAA,CACA,cAAA,CACA,eAAA,CACA,iCDuCF,CCjCA,iCAdE,oBAAA,CAAA,YAAA,CAGA,8BAAA,CAAA,sBAAA,CACA,0BAAA,CAAA,kBDgEF,CCtDA,mBACE,cAAA,CACA,KAAA,CACA,OAAA,CACA,QAAA,CACA,MAAA,CACA,WAAA,CACA,+BAAA,CAIA,cAAA,CACA,mBD0CF,CCxCA,oCACE,YD0CF","file":"main.f9ebdd63.chunk.css","sourcesContent":["body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\r\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\r\n monospace;\r\n}\r\n","body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\r\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \"Courier New\",\r\n monospace;\r\n}\r\n\nhtml{\r\n font-family: 'Roboto', sans-serif;\r\n background-color: #181c21;\r\n color: #aaacb4;\r\n padding: 15px;\r\n min-width: 450px;\r\n min-height: 170px;\r\n}\r\nbutton{\r\n cursor: pointer;\r\n}\r\nbutton:hover{\r\n opacity: 0.8;\r\n}\r\n\r\ncanvas{\r\n background-color: rgba(0, 0, 0, .2);\r\n max-width: 100%;\r\n}\r\n\r\n/* App\r\n*******************/\r\n.app-container{\r\n display: grid;\r\n grid-template-columns: 100px 1fr;\r\n grid-gap: 10px;\r\n}\r\n\r\n.App.is-recording .app-container{\r\n grid-template-areas: \"video recording-control\"\r\n \"audio recording-control\"\r\n \"filepath filepath\";\r\n}\r\n\r\n.App:not(.is-recording) .app-container{\r\n grid-template-areas: \"video settings-control\"\r\n \"audio settings-control\"\r\n \"filepath filepath\";\r\n}\r\n\r\n.App.is-recording .settings-control{\r\n display: none;\r\n}\r\n\r\n.App:not(.is-recording) .recording-control{\r\n display: none;\r\n}\r\n\r\n/* Video Preview\r\n*******************/\r\n.video-preview{\r\n grid-area: video;\r\n width: 100%;\r\n}\r\n.audio-visualization-container{\r\n grid-area: audio;\r\n}\r\n\r\n\r\n.audio-visualization-mini{\r\n position: relative;\r\n height: 50px;\r\n width: 100%;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.audio-visualization-bar-container{\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n}\r\n\r\n.audio-visualization-bar-container .audio-bar{\r\n width: 10px;\r\n min-height: 10px;\r\n background-color: green;\r\n border-radius: 100%;\r\n margin: 0 5px;\r\n transition: height .15s ease-in-out;\r\n}\r\n\r\n.bar-height-00{\r\n height: 0%;\r\n}\r\n.bar-height-10{\r\n height: 10%;\r\n}\r\n.bar-height-20{\r\n height: 20%;\r\n}\r\n.bar-height-30{\r\n height: 30%;\r\n}\r\n.bar-height-40{\r\n height: 40%;\r\n}\r\n.bar-height-50{\r\n height: 50%;\r\n}\r\n.bar-height-60{\r\n height: 60%;\r\n}\r\n.bar-height-70{\r\n height: 70%;\r\n}\r\n.bar-height-80{\r\n height: 80%;\r\n}\r\n.bar-height-90{\r\n height: 90%;\r\n}\r\n.bar-height-100{\r\n height: 100%;\r\n}\r\n\r\n/* Settings Control\r\n*******************/\r\n.settings-control{\r\n grid-area: settings-control;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-justify-content: space-between;\r\n justify-content: space-between;\r\n -webkit-align-items: stretch;\r\n align-items: stretch;\r\n}\r\n.settings-sources{\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-flex-flow: column;\r\n flex-flow: column;\r\n -webkit-justify-content: space-between;\r\n justify-content: space-between;\r\n}\r\n\r\n.settings-select{\r\n max-width: 275px;\r\n}\r\n/* Recording Control\r\n*******************/\r\n.recording-control{\r\n grid-area: recording-control;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-justify-content: space-between;\r\n justify-content: space-between;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n}\r\n/* Record Control\r\n*******************/\r\n.record-control{\r\n display: -webkit-flex;\r\n display: flex;\r\n grid-area: buttons;\r\n}\r\n.record-control-button{\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n border: none;\r\n font-size: 25px;\r\n color: #aaacb4;\r\n}\r\n.record-control-button:hover{\r\n color: #d6e1ec;\r\n}\r\n\r\n.record-control-button span{\r\n font-size: 16px;\r\n}\r\n\r\n/* AudioSourceList\r\n*******************/\r\n\r\n/* VideoSourceList\r\n*******************/\r\n\r\n/* AudioVisualization\r\n**********************/\r\n\r\n/* File Path\r\n**********************/\r\n.save-file-container{\r\n grid-area: filepath;\r\n}\r\n\r\n.save-file-path{\r\n display: grid;\r\n grid-template-columns: 1fr 100px 110px 60px;\r\n grid-gap: 10px;\r\n}\r\n\r\n/* TimeCounter\r\n*******************/\r\n.time-counter{\r\n display: -webkit-flex;\r\n display: flex;\r\n background-color: #2f333c;\r\n padding: 10px 15px;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n box-sizing: border-box;\r\n font-size: 25px;\r\n min-width: 150px;\r\n font-family: 'Roboto Mono', monospace;\r\n}\r\n\r\n\r\n/* Loading\r\n*******************/\r\n.loading-container{\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 100;\r\n background-color: rgba(0, 0, 0, 0.8);\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n font-size: 50px;\r\n pointer-events: none;\r\n}\r\n.loading-container:not(.is-loading){\r\n display: none;\r\n}\n","html{\r\n font-family: 'Roboto', sans-serif;\r\n background-color: #181c21;\r\n color: #aaacb4;\r\n padding: 15px;\r\n min-width: 450px;\r\n min-height: 170px;\r\n}\r\nbutton{\r\n cursor: pointer;\r\n}\r\nbutton:hover{\r\n opacity: 0.8;\r\n}\r\n\r\ncanvas{\r\n background-color: rgba(0, 0, 0, .2);\r\n max-width: 100%;\r\n}\r\n\r\n/* App\r\n*******************/\r\n.app-container{\r\n display: grid;\r\n grid-template-columns: 100px 1fr;\r\n grid-gap: 10px;\r\n}\r\n\r\n.App.is-recording .app-container{\r\n grid-template-areas: \"video recording-control\"\r\n \"audio recording-control\"\r\n \"filepath filepath\";\r\n}\r\n\r\n.App:not(.is-recording) .app-container{\r\n grid-template-areas: \"video settings-control\"\r\n \"audio settings-control\"\r\n \"filepath filepath\";\r\n}\r\n\r\n.App.is-recording .settings-control{\r\n display: none;\r\n}\r\n\r\n.App:not(.is-recording) .recording-control{\r\n display: none;\r\n}\r\n\r\n/* Video Preview\r\n*******************/\r\n.video-preview{\r\n grid-area: video;\r\n width: 100%;\r\n}\r\n.audio-visualization-container{\r\n grid-area: audio;\r\n}\r\n\r\n\r\n.audio-visualization-mini{\r\n position: relative;\r\n height: 50px;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden;\r\n}\r\n\r\n.audio-visualization-bar-container{\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.audio-visualization-bar-container .audio-bar{\r\n width: 10px;\r\n min-height: 10px;\r\n background-color: green;\r\n border-radius: 100%;\r\n margin: 0 5px;\r\n transition: height .15s ease-in-out;\r\n}\r\n\r\n.bar-height-00{\r\n height: 0%;\r\n}\r\n.bar-height-10{\r\n height: 10%;\r\n}\r\n.bar-height-20{\r\n height: 20%;\r\n}\r\n.bar-height-30{\r\n height: 30%;\r\n}\r\n.bar-height-40{\r\n height: 40%;\r\n}\r\n.bar-height-50{\r\n height: 50%;\r\n}\r\n.bar-height-60{\r\n height: 60%;\r\n}\r\n.bar-height-70{\r\n height: 70%;\r\n}\r\n.bar-height-80{\r\n height: 80%;\r\n}\r\n.bar-height-90{\r\n height: 90%;\r\n}\r\n.bar-height-100{\r\n height: 100%;\r\n}\r\n\r\n/* Settings Control\r\n*******************/\r\n.settings-control{\r\n grid-area: settings-control;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: stretch;\r\n}\r\n.settings-sources{\r\n display: flex;\r\n flex-flow: column;\r\n justify-content: space-between;\r\n}\r\n\r\n.settings-select{\r\n max-width: 275px;\r\n}\r\n/* Recording Control\r\n*******************/\r\n.recording-control{\r\n grid-area: recording-control;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n/* Record Control\r\n*******************/\r\n.record-control{\r\n display: flex;\r\n grid-area: buttons;\r\n}\r\n.record-control-button{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n border: none;\r\n font-size: 25px;\r\n color: #aaacb4;\r\n}\r\n.record-control-button:hover{\r\n color: #d6e1ec;\r\n}\r\n\r\n.record-control-button span{\r\n font-size: 16px;\r\n}\r\n\r\n/* AudioSourceList\r\n*******************/\r\n\r\n/* VideoSourceList\r\n*******************/\r\n\r\n/* AudioVisualization\r\n**********************/\r\n\r\n/* File Path\r\n**********************/\r\n.save-file-container{\r\n grid-area: filepath;\r\n}\r\n\r\n.save-file-path{\r\n display: grid;\r\n grid-template-columns: 1fr 100px 110px 60px;\r\n grid-gap: 10px;\r\n}\r\n\r\n/* TimeCounter\r\n*******************/\r\n.time-counter{\r\n display: flex;\r\n background-color: #2f333c;\r\n padding: 10px 15px;\r\n justify-content: center;\r\n align-items: center;\r\n box-sizing: border-box;\r\n font-size: 25px;\r\n min-width: 150px;\r\n font-family: 'Roboto Mono', monospace;\r\n}\r\n\r\n\r\n/* Loading\r\n*******************/\r\n.loading-container{\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 100;\r\n background-color: rgba(0, 0, 0, 0.8);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 50px;\r\n pointer-events: none;\r\n}\r\n.loading-container:not(.is-loading){\r\n display: none;\r\n}"]}