-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
473 lines (467 loc) · 23.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="res/css/main.css">
<!--加载meta IE兼容文件-->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="header">
<div class="menu-btn">
<div class="menu"></div>
</div>
<h1 class="logo">
<a href="index.html">
<span>MYBLOG</span>
<img src="res/img/logo/logo.png">
</a>
</h1>
<div class="nav">
<a href="html/index.html" class="active">文章</a>
<a href="http://sotated.com/">千视TED</a>
<a href="https://github.com/sotaDetector">GITHUB</a>
<!-- <a href="html/album.html">相册</a>-->
<!-- <a href="html/about.html">关于</a>-->
</div>
<ul class="layui-nav header-down-nav">
<li class="layui-nav-item"><a href="index.html" class="active">文章</a></li>
<li class="layui-nav-item"><a href="http://sotated.com/">千视</a></li>
<li class="layui-nav-item"><a href="https://github.com/sotaDetector">GITHUB</a></li>
<!-- <li class="layui-nav-item"><a href="album.html">相册</a></li>-->
<!-- <li class="layui-nav-item"><a href="about.html">关于</a></li>-->
</ul>
</div>
<div class="banner">
<div class="cont w1000">
<div class="title">
<h3>时钟创客</h3>
<h4>NEVER STOP NEVER GIVE UP </h4>
</div>
</div>
</div>
<div class="content">
<div class="cont w1000">
<div class="title">
<span class="layui-breadcrumb" lay-separator="|">
<a href="javascript:;" class="active">创客   发明</a>
<a href="javascript:;">前端文章</a>
<a href="javascript:;">旅游杂记</a>
</span>
</div>
<div class="list-item">
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1Ny4y177Ba"><div class="img" ><img src="res/img/videoCover/BV1Ny4y177Ba.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>物体跟踪<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>使用 SiameseRPN++单目标追踪算法可以跟踪自定义的目标,云台具有两个自由度,可以全方位的跟踪目标</p>
<a href="https://www.bilibili.com/video/BV1Ny4y177Ba" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1ef4y1t7xd"> <div class="img"><img src="res/img/videoCover/BV1ef4y1t7xd.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>web端目标检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>怎么在浏览器上对监控图像进行视觉处理,webrtc和tensorflowJs给了我们答案。srs提供了rtmp转rtc的功能,为我们在浏览器端获取传统直播协议媒体提供了便利</p>
<a href="https://www.bilibili.com/video/BV1ef4y1t7xd" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1DU4y1G73n"><div class="img" ><img src="res/img/videoCover/BV1DU4y1G73n.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>狗子监控<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>目标检测的不仅仅是要检测出物体的位置,更要对物体的位置做出响应。狗子监控就是检测到有狗类出现在特定位置就会触发相应操作</p>
<a href="https://www.bilibili.com/video/BV1ef4y1t7xd" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV11f4y187Hv"><div class="img" ><img src="res/img/videoCover/BV11f4y187Hv.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>跌倒检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>随着老龄化社会的到来,老年人越来越多。老年人的安全也备受关注。跌倒检测就是检测人是否跌倒而研发的装置</p>
<a href="https://www.bilibili.com/video/BV11f4y187Hv" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1R44y1B7qZ"><div class="img" ><img src="res/img/videoCover/BV1R44y1B7qZ.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>水果识别<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>该程序可以识别出水果的种类并以3D的形式呈现在屏幕上</p>
<a href="https://www.bilibili.com/video/BV1R44y1B7qZ" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1Uy4y1u7kq"><div class="img" ><img src="res/img/videoCover/BV1Uy4y1u7kq.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>人体姿态估计<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>想让动画跟随着你的姿态变化而变化?pose-animator帮你完成这个梦想。首先通过摄像头捕捉到人体的关键点,然后驱动动画任务运动</p>
<a href="https://www.bilibili.com/video/BV1Uy4y1u7kq" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1fy4y1u75D"><div class="img" ><img src="res/img/videoCover/BV1fy4y1u75D.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>手势控制3D模型<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>你还在用鼠标拖动来查看3D模型。手部关键点检测技术将可以代替鼠标完成人机交互</p>
<a href="https://www.bilibili.com/video/BV1fy4y1u75D" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1nb4y1d7NP"><div class="img" ><img src="res/img/videoCover/BV1nb4y1d7NP.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>无接触计算器<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>利用手部关键点检测技术可以帮助我们隔空操作计算器</p>
<a href="https://www.bilibili.com/video/BV1nb4y1d7NP" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1j54y157Pb"><div class="img" ><img src="res/img/videoCover/BV1j54y157Pb.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>运动辅助装置<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>做了几次仰卧起做,做了几次哑铃。这些运动辅助装置都可以帮你解决。利用人体关键点检测技术,可以轻松的帮你检测运动状态</p>
<a href="https://www.bilibili.com/video/BV1j54y157Pb" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1Cv411V7RL"><div class="img" ><img src="res/img/videoCover/BV1Cv411V7RL.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>手部关键点控制灯带<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>用手隔空控制灯带的长度,用手势改变灯带的颜色。利用手部关键点检测技术,这些都变为了现实</p>
<a href="https://www.bilibili.com/video/BV1Cv411V7RL" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1NB4y1g75U"><div class="img" ><img src="res/img/videoCover/BV1NB4y1g75U.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>口罩检测门禁系统<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>疫情反复,可有的人还是不带口罩。给疫情防空带来很大的挑战。口罩检测门禁系统只有检测到戴口罩才会开门</p>
<a href="https://www.bilibili.com/video/BV1NB4y1g75U" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV15h411e7B8"><div class="img" ><img src="res/img/videoCover/BV15h411e7B8.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>webrtc和视觉结合<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>webrtc和视觉技术的结合,移动设备采集图像经过webrtc实时传输到云端,利用云端服务器的算力进行图像处理,结合移动端的便携性和云端的算力</p>
<a href="https://www.bilibili.com/video/BV15h411e7B8" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1gb4y1Z7GL"><div class="img" ><img src="res/img/videoCover/BV1gb4y1Z7GL.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>人脸跟踪<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>树莓派+opencv实现人脸跟踪,可用于服务机器人等场景</p>
<a href="https://www.bilibili.com/video/BV1gb4y1Z7GL" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1BU4y1H7Pu"><div class="img" ><img src="res/img/videoCover/BV1BU4y1H7Pu.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>基于流媒体系统的目标检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>实时识别监控摄像头里面的内容,对直播内容进行质检。这些需求越来越多。该系统完成了对流媒体的实时检测</p>
<a href="https://www.bilibili.com/video/BV1BU4y1H7Pu" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV16K411p7eV"><div class="img" ><img src="res/img/videoCover/BV16K411p7eV.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>灭火小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>通过遥控的方式控制无人坦克小车,将对灭火等场景起到非常大的作用</p>
<a href="https://www.bilibili.com/video/BV16K411p7eV" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV15Z4y1W7uR"><div class="img" ><img src="res/img/videoCover/BV15Z4y1W7uR.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>倾斜检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>利用陀螺仪实时检测物体是否倾斜,如果发现倾斜,将触发相应的操作</p>
<a href="https://www.bilibili.com/video/BV15Z4y1W7uR" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1454y1D7e4"><div class="img" ><img src="res/img/videoCover/BV1454y1D7e4.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>otto机器人<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>呆萌的外表,简单的结构,使得otto机器人流行起来</p>
<a href="https://www.bilibili.com/video/BV1454y1D7e4" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1hf4y1U7zp"><div class="img" ><img src="res/img/videoCover/BV1hf4y1U7zp.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>全向运动视频小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>依靠麦克纳姆轮的特性,通过不同轮子运动方向的组合,使得小车可以全向运动</p>
<a href="details.html" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1Lg4y167Bi"><div class="img" ><img src="res/img/videoCover/BV1Lg4y167Bi.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>智能小灯<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>通过和光敏元件,音乐,可变电阻的结合,可以使小灯呈现出不同的特性</p>
<a href="https://www.bilibili.com/video/BV1Lg4y167Bi" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1gA411t7vY"><div class="img" ><img src="res/img/videoCover/BV1gA411t7vY.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>智能自行车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>简单的自行车,入门的demo</p>
<a href="https://www.bilibili.com/video/BV1gA411t7vY" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV1np4y197U2"><div class="img" ><img src="res/img/videoCover/BV1np4y197U2.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>物体检测<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>简单的物体检测示例,但体现了万物互联的趋势</p>
<a href="https://www.bilibili.com/video/BV1np4y197U2" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="layui-fluid">
<div class="layui-row">
<div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
<a href="https://www.bilibili.com/video/BV14e411p7h1"><div class="img" ><img src="res/img/videoCover/BV14e411p7h1.png" alt=""></div></a>
</div>
<div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
<div class="item-cont">
<h3>智能底盘小车<button class="layui-btn layui-btn-danger new-icon">new</button></h3>
<h5>创客   发明</h5>
<p>第一次极客创作,有点简陋,但这只是开始</p>
<a href="https://www.bilibili.com/video/BV14e411p7h1" class="go-icon"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div id="demo" style="text-align: center;"></div>-->
</div>
</div>
<div class="footer-wrap">
<div class="footer w1000">
<div class="qrcode">
<img src="res/img/erweima.jpg">
</div>
<div class="practice-mode">
<img src="res/img/down_img.jpg">
<div class="text">
<h4 class="title">我的联系方式</h4>
<p>微信<span class="WeChat">1234567890</span></p>
<p>手机<span class="iphone">1234567890</span></p>
<p>邮箱<span class="email">1234567890@qq.com</span></p>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="res/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
base: 'res/js/util/'
}).use(['element','laypage','jquery','menu'],function(){
element = layui.element,laypage = layui.laypage,$ = layui.$,menu = layui.menu;
laypage.render({
elem: 'demo'
,count: 70 //数据总数,从服务端得到
});
menu.init();
})
</script>
</body>
</html>