通过js底层获取H264的数据，然后通过webgl绘制出来

共1663个文件

svn-base：410个

css：262个

png：215个

h264

需积分: 48 185 浏览量 2021-07-20 09:38:30 上传评论 1 收藏 11.35MB ZIP 举报

资源详情

资源评论

资源推荐

收起资源包目录

通过js底层获取H264的数据，然后通过webgl绘制出来（1663个子文件）

000487953dbc23423dc58519f6741fcdcedfcc 537B

0048ded9baa040b1c04b84cca92550acad6f64 918B

01dda37ab3486d6ff9d7ecce73f4ae7bdce284 503B

02bedde2949dd15dd84cc2d790da092bd25976 5KB

02e2d817c6b7c4e2a105919e9a89cc0a1d577f 147B

02f67d1532b5bd403da7a34af3083f45b267a2 990B

0319a3bc8d1bb70a8c1372740845993484c3ba 93B

03c7efb2198341f028d089b6e134aaf749cf26 6KB

04982379abcad8f0dd1b0f99761d46b3b58221 94B

04b9f3c629d7e37592c00a9d134cccf422d852 93KB

05b0c68c45d874a268863d2d739937b62ac0fe 2KB

05ebcf901941e2bb597c7bf13d105ad0662b9c 851B

061c884f12fe20c6c509b467a9d8cc458bf76e 10KB

065d0d4554e4810be6a5b624bd3efcada08213 10KB

0718bd5aa6310080e36729c44aad8bd1e327b5 157B

072737f2c43e6fb00f60dffd7271ee542c0703 159B

07a6ab73884fc3d35da7f6c4661d66b69bb4ca 94B

082f72f087ce7e6fa75b9c41d7387daecd447b 18B

0835f69c96c17ec32a20b03ac9753aa59b7f4f 201B

0863bbe5ef293e6bf55cf211941f7e8a3a158d 216B

0891f4a3358a42bee9eb75471afc29e06a05b0 151KB

08ce34fdd69f6e7326c98a64b1c6f9138012d8 850B

093f08f1fba7d9045e83fd2af6a197594f8160 308B

09bba5118856dbe1e27fb62507f60e88cace8b 504B

09d13a1c1c05904c94d96fcc3f4b3a713c4e22 3KB

0a9da221dcff28a92ad5954111dbd172803620 94B

0bec147b2ed6ea36a075553a7398180729c890 157B

0c447d30a4f3e39e8b658c23dc256b17c6b0ed 94B

0c4ad685b8c0068ecb7e3cbef74f493a84ad0d 189B

0d4ca590634c6ee31672a09c9c28bd4f26ed0a 849B

0d6afaabfd28add8a9ac680e5ad5eb470640e9 94B

0ecbdad57b1a69455ce7050550ccbe484adfb4 218B

0f6a6174f67879d89b8c970d88734cd6f9f844 903B

104a441bf6f8b9c95fcbe822bed14668e2f478 476B

1055d641512c57e5a252a6aabd57f6effbc27f 540B

10998c3651ef30d29c46fd376a52a0b7b13b3c 1KB

1195aa193299d0fa85c9309d7a1d89a04f6a4c 88KB

11fa9ada9e93505b3d736acb204083f45d5fbf 53B

12367d8ec6dac649a0e1d927802269e9b8dd74 93B

126ca73331d36b50582fc34d9b25a965051218 94B

12f797dbe4770770f72dde0236d6e01b5220b8 155B

12fcb73fd0a7413f20dd2f4f5a0037cbab8ef0 698KB

137dd4c212abf8c9ad3f8cedfd6da2beb03a6e 93B

13abad6d9f839856614aacfc615284bcd48b80 94B

149ef0518cf5973f22172571a7fc80210fa906 627B

15199e57489e78bbb707d8536cb42ac4fca4a2 313B

1571033465b10ab318b9cb753cced2ce2628d9 745B

15815d234ea15c9558643a518c1e279a3ab495 408B

15cc062b760e087cbf7c42afe97c8a20cdba72 218B

15d08a0d7b1f606b04eb8446d8906bc1b0cea7 313B

15f7067415f1bfdf127b9dbf0b5369c305e912 94B

16386526aaa7afab86bfe1edd47609d2cb7b5b 304B

163f9e7f15f6b9dbef490f0dcfa390d0216197 680B

1643cfe12358340424f3b6c86922ab0feac989 670B

1657ab23ffade149252524a935a7dbcb30aa73 520B

168015786bf5798cb17a5f2297224788c6be21 2KB

16f3d9cc6b2e1f09a11aca39b717bf3334fbd4 93B

180a668e602c0cb80dd1fd430f0bfd8f370e51 1KB

18103a0619b0bfe98de74f7551cc3f66f71ff3 1KB

1851ec70990237b37c42bedc22cd25227972ef 992B

18ad9fefb93ae15c6c832f85c3df2af9cc80fa 846B

19b93074ce2851139ab6d49c634159f261b1de 320B

1b0dec5b86ff00faa1012b4f405d15ff16bce4 787B

1b825e1a7afe38f29bae1cccbaffc2c20c22dd 305B

1bc36e5b2352cc779ff95ac6e30f40d8e69cd4 225B

1bce0a04c8146baeb0a2411b2cf81866542228 896B

1c585e5664a849e9b663a41d671d810f234b0a 233B

1ca64e8105380e9dac38185f11d99fe117943f 145B

1cab8e3fe91b0e3906b0522d550935776dd7fa 1KB

1cb513a82fddd1fcd67c110178467b58a9d1cb 320B

1cec1b9f27dd116f8a3b5ee4748fd23873a290 909B

1d77e58354bf63895c7141846645914dbe77ab 684B

1e0fc0103efc91cc9aae7ed980769ed2149b2c 158B

1e3edcc9a1d4c3d21cdb22db17c5eec08c6e18 2KB

1e4a5e785498521e2245240ee637f57bb701d6 93B

1e570fd9830c30350283b786a499422e646a32 224B

1f227800f49cc36819a4a82dbc1ffef0bdc7bf 674B

1f36ce379714bc9cb453a302e5ab6470d7a8de 714B

206276f1beba3a2f10cde1eb84ca95fdafe3fd 990B

20816cbbbdb4fa7532a6a9e302876dbe92cc94 362B

216b44e91979be8aabeb2549dfdd23b77329b6 1KB

21832cf909f2c16edfaf639fe07fe2974e0fb7 542B

21dfc2309ff7915b1bef6bde87a2b5ad188dfb 816B

2237405f1eaef7af0f383bc8b029b90bba85a5 93B

244b49f6967db9df6f92392220f8c5851c3d38 217B

248b182af5d747252aff6a29463370ee9918ea 94B

25037df151efd3c872524a4d7f258e892f9869 304B

257a2a49959543d36e2641d352572547e40e63 13KB

259e0c79d64cee3c9ab4e0af3c75eedd029d9b 931B

25d535e05b22b406fd72647611aace9cfa6249 173B

25d9dd7670ff47f9d289546810fd62f40908ce 94B

268c023f0ed2418f9d9b17dbc51192df014514 485B

268f484f7abf6dbb31ab36d2104e526940ebf9 220B

26b5b34e90393025ee52580ae1c36861cdb425 157B

26cb381aebb331adf6fdbd8ff79747053d0755 482B

26feebc22efaaf6e75fbcc8bf92e56425daf9b 1KB

27acab209561e9fa51be037b33c3dc919e2493 156B

27af834977fa21ba54ffc68457534c5b086059 216B

281af1ba85b1a8146a02687d410fd69a396ec3 307B

28891f6a18ea703fd25a47b228df9cb13b4744 179B

共 1663 条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <meta charset="utf-8"> <title>Video</title> <link href="https://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-touch-fullscreen" content="yes" /> <meta name="format-detection" content="telephone=no, email=no" /> <script type="text/javascript" src="jquery-2.1.0.min.js"></script> <script type="text/javascript" src="load.js"></script> <script src="pro/protobuf.min.js"></script> <script src="pro/probuf.js"></script> <link rel="stylesheet" type="text/css" href="css/toastr.min.css"> <script type="text/javascript" src="css/toastr.min.js" ></script> <script src="pro/login.js"></script> </head> <style> /* !* 设置滚动条的样式 *! ::-webkit-scrollbar { width:5px; background-color:#FFFFFF; } !* 滚动槽 *! ::-webkit-scrollbar-track { border-radius:10px; } !* 滚动条滑块 *! ::-webkit-scrollbar-thumb { border-radius:10px; background:#C1CDCD; }*/ #live12{ border:0.2px solid #EEE; /*height:25%; 16ch width:25%;*/ height:25%; width:33.3%; float:left; background-color:#FCFCFC; position:relative; background-size:cover; background: url('img/bg_video.png') no-repeat; } #live9{ border:0.2px solid #EEE; height:33.3%; width:33.3%; float:left; position:relative; background-color:#FCFCFC; background-size:cover; background: url('img/bg_video.png') no-repeat; } #live4{ border:0.2px solid #EEE; height:50%; width:50%; float:left; position:relative; background-size:cover; background: url('img/bg_video.png') no-repeat; } #live4Open{ border:0.1px solid #b0bed9; height:100%;width:100%; float:left; background-color:#fcfcfc; position:relative; background-size:cover; background: url('img/bg_video.png') no-repeat; } .liveOpen{ border:0.2px solid #C1CDCD;height:800px;width:100%;float:left;background-color:#FCFCFC;position:relative; } #liveClose{ display:none; } .can{ /**background-color:#DEDEDE; opacity: 0.5;**/ width:100%; height:100%; } .playLive{ display:block; } * { margin: 0; padding: 0; } .container { height:40px; width:220px; margin: 0px 0px 0px 0px; } .parent { position: relative; } .left{ width:240px; float:left; height:740px; overflow-y:scroll; border:0.5px solid #EEE; } #bodyPlay{ background-color:#EEE; } .right_video{ float:left; width:100%; height:100%; /* border:2px solid red; */ } /*价格搜索input框*/ input, button { border: none; outline: none; } .tl-price-input{ width: 100%; border: 1px solid #ccc; padding: 7px 0; background: #F4F4F7; border-radius: 3px; padding-left:5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .tl-price-input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .ant-btn { vertical-align: middle; line-height: 1.499; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015); box-shadow: 0 2px 0 rgba(0,0,0,0.015); cursor: pointer; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); transition: all .3s cubic-bezier(.645, .045, .355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; height: 32px; padding: 0 15px; font-size: 14px; border-radius: 4px; color: rgba(0,0,0,0.65); background-color: #fff; border-color: #d9d9d9; } .ant-btn-primary { color: #fff; background-color: #1890ff; border-color: #1890ff; text-shadow: 0 -1px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045); box-shadow: 0 2px 0 rgba(0,0,0,0.045); } .ant-btn-red { background-color: #f4f4f4; border-color: #FCF6FF; text-shadow: 0 -1px 0 rgba(0,0,0,0.12); -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045); box-shadow: 0 2px 0 rgba(0,0,0,0.045); } #btn_select:hover{background-color: #FCF6FF;} .btn_select:hover{background-color: #FCF6FF;} #live4:hover .divstatus{ opacity: 1; transform: translateY(0); } #live9:hover .divstatus{ opacity: 1; transform: translateY(0); } #live12:hover .divstatus{ opacity: 1; transform: translateY(0); } .divstatus{ position: absolute; bottom: 0; color: rgba(255, 255, 255, 0.8); /* rgba(34,34,34,0.35)*/ background:#27231a; padding: 0 0.5rem; text-align: center; overflow:hidden; width: 100%; box-sizing: border-box; transition: 0.9s; opacity:0; padding:5px; /* transform: translateY(100%);*/ } .loading{ position:absolute; left:45%; top:50%; /* opacity: 0.6;*/ display: none; } body { display: block; margin: 0px; } </style> <body> <div class="playLive" id="playLive" style="width:100%;height:100%;"> <div style="width:100%;height:100%;background-color:#31D7E8" id="bodyPlay"> </div> <div style="background-color:#FFFFFF;height:8%;width:100%;" id="bottomTitle"> <div style=" float:left; margin-left:20px; height:100%; line-height:100%; display:flex; justify-content:center; align-items:center;" >       <!-- <button class="ant-btn ant-btn-red" style="margin-left:20px;" id="btn_full">全屏</bu