File tree Expand file tree Collapse file tree 5 files changed +9
-9
lines changed
1.hello-world/5.read-video-react-ts Expand file tree Collapse file tree 5 files changed +9
-9
lines changed Original file line number Diff line number Diff line change 11{
22 "name" : " read-video-react" ,
33 "version" : " 0.1.0" ,
4+ "homepage" : " ./" ,
45 "private" : true ,
56 "dependencies" : {
67 "@testing-library/jest-dom" : " ^5.16.4" ,
1011 "@types/node" : " ^16.11.45" ,
1112 "@types/react" : " ^18.0.15" ,
1213 "@types/react-dom" : " ^18.0.6" ,
13- "keillion-dynamsoft-javascript-barcode" : " ^0.20220720101353.0" ,
14- "dynamsoft-javascript-barcode" : " 9.0.2" ,
14+ "dynamsoft-javascript-barcode" : " 9.2.10" ,
1515 "react" : " ^18.2.0" ,
1616 "react-dom" : " ^18.2.0" ,
1717 "react-scripts" : " 5.0.1" ,
Original file line number Diff line number Diff line change 11.component-barcode-scanner {width : 100% ;height : 100% ;min-width : 640px ;min-height : 480px ;background : # eee ;position : relative;resize : both;}
22.dce-bg-loading {animation : 1s linear infinite dce-rotate;width : 40% ;height : 40% ;position : absolute;margin : auto;left : 0 ;top : 0 ;right : 0 ;bottom : 0 ;fill : # aaa ;}
3- .dce-bg-camera {width : 40% ;height : 40% ;position : absolute;margin : auto;left : 0 ;top : 0 ;right : 0 ;bottom : 0 ;fill : # aaa ;}
3+ .dce-bg-camera {display : none; width : 40% ;height : 40% ;position : absolute;margin : auto;left : 0 ;top : 0 ;right : 0 ;bottom : 0 ;fill : # aaa ;}
44.dce-video-container {position : absolute;left : 0 ;top : 0 ;width : 100% ;height : 100% ;}
55.dce-scanarea {width : 100% ;height : 100% ;position : absolute;left : 0 ;top : 0 ;}
6- .dce-scanlight {width : 100% ;height : 3% ;position : absolute;animation : 3s infinite dce-scanlight;border-radius : 50% ;box-shadow : 0px 0px 2vw 1px # 00e5ff ;background : # fff ;}
6+ .dce-scanlight {display : none; width : 100% ;height : 3% ;position : absolute;animation : 3s infinite dce-scanlight;border-radius : 50% ;box-shadow : 0px 0px 2vw 1px # 00e5ff ;background : # fff ;}
77.div-select-container {position : absolute;left : 0 ;top : 0 ;}
88.dce-sel-camera {display : block;}
99.dce-sel-resolution {display : block;margin-top : 5px ;}
Original file line number Diff line number Diff line change @@ -41,10 +41,10 @@ class VideoDecode extends React.Component {
4141 return (
4242 < div ref = { this . elRef } className = "component-barcode-scanner" >
4343 < svg className = "dce-bg-loading" viewBox = "0 0 1792 1792" > < path d = "M1760 896q0 176-68.5 336t-184 275.5-275.5 184-336 68.5-336-68.5-275.5-184-184-275.5-68.5-336q0-213 97-398.5t265-305.5 374-151v228q-221 45-366.5 221t-145.5 406q0 130 51 248.5t136.5 204 204 136.5 248.5 51 248.5-51 204-136.5 136.5-204 51-248.5q0-230-145.5-406t-366.5-221v-228q206 31 374 151t265 305.5 97 398.5z" > </ path > </ svg >
44- < svg className = "dce-bg-camera" style = { { display : "none" } } viewBox = "0 0 2048 1792" > < path d = "M1024 672q119 0 203.5 84.5t84.5 203.5-84.5 203.5-203.5 84.5-203.5-84.5-84.5-203.5 84.5-203.5 203.5-84.5zm704-416q106 0 181 75t75 181v896q0 106-75 181t-181 75h-1408q-106 0-181-75t-75-181v-896q0-106 75-181t181-75h224l51-136q19-49 69.5-84.5t103.5-35.5h512q53 0 103.5 35.5t69.5 84.5l51 136h224zm-704 1152q185 0 316.5-131.5t131.5-316.5-131.5-316.5-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5z" > </ path > </ svg >
44+ < svg className = "dce-bg-camera" viewBox = "0 0 2048 1792" > < path d = "M1024 672q119 0 203.5 84.5t84.5 203.5-84.5 203.5-203.5 84.5-203.5-84.5-84.5-203.5 84.5-203.5 203.5-84.5zm704-416q106 0 181 75t75 181v896q0 106-75 181t-181 75h-1408q-106 0-181-75t-75-181v-896q0-106 75-181t181-75h224l51-136q19-49 69.5-84.5t103.5-35.5h512q53 0 103.5 35.5t69.5 84.5l51 136h224zm-704 1152q185 0 316.5-131.5t131.5-316.5-131.5-316.5-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5z" > </ path > </ svg >
4545 < div className = "dce-video-container" > </ div >
4646 < div className = "dce-scanarea" >
47- < div className = "dce-scanlight" style = { { display : "none" } } > </ div >
47+ < div className = "dce-scanlight" > </ div >
4848 </ div >
4949 < div className = "div-select-container" >
5050 < select className = "dce-sel-camera" > </ select >
Original file line number Diff line number Diff line change @@ -9,8 +9,8 @@ BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
99/**
1010 * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days.
1111 * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
12- * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.0.2 &utm_source=github#specify-the-license or contact support@dynamsoft.com.
12+ * For more information, see https://www.dynamsoft.com/barcode-reader/programming/javascript/user-guide/?ver=9.2.10 &utm_source=github#specify-the-license or contact support@dynamsoft.com.
1313 * LICENSE ALERT - THE END
1414 */
1515
16- BarcodeReader . engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.0.2 /dist/" ;
16+ BarcodeReader . engineResourcePath = "https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.10 /dist/" ;
Original file line number Diff line number Diff line change @@ -36,7 +36,7 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
3636 < div class ="resultAlert_title "> Results: < em id ="resultAlert_btn " class ="message_box_closebtn "> < svg viewBox ="0 0 1024 1024 " xmlns ="http://www.w3.org/2000/svg " p-id ="4604 " width ="16 " height ="16 "> < path d ="M512 456.310154L94.247385 38.557538a39.542154 39.542154 0 0 0-55.689847 0 39.266462 39.266462 0 0 0 0 55.689847L456.310154 512 38.557538 929.752615a39.542154 39.542154 0 0 0 0 55.689847 39.266462 39.266462 0 0 0 55.689847 0L512 567.689846l417.752615 417.752616c15.163077 15.163077 40.290462 15.36 55.689847 0a39.266462 39.266462 0 0 0 0-55.689847L567.689846 512 985.442462 94.247385a39.542154 39.542154 0 0 0 0-55.689847 39.266462 39.266462 0 0 0-55.689847 0L512 456.310154z " p-id ="4605 " fill ="#ffffff "> </ path > </ svg > </ em > </ div >
3737 < div id ="resultAlert_content " class ="resultAlert_content "> </ div >
3838 </ div >
39- < script src ="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.0.2 /dist/dbr.js "> </ script >
39+ < script src ="https://cdn.jsdelivr.net/npm/dynamsoft-javascript-barcode@9.2.10 /dist/dbr.js "> </ script >
4040 < script src ="https://cdn.jsdelivr.net/npm/dynamsoft-code-parser@1.1.0/dist/dcp.js "> </ script >
4141 < script >
4242 /** LICENSE ALERT - README
You can’t perform that action at this time.
0 commit comments