-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrccar.html
More file actions
150 lines (140 loc) · 8.2 KB
/
rccar.html
File metadata and controls
150 lines (140 loc) · 8.2 KB
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
<!DOCTYPE html>
<html lang="ko">
<head>
<title>라즈베리파이 RC카 | SBTM Lab.</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link href="css/touchTouch.css" rel="stylesheet" type="text/css" />
<link href="css/sbtm.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="block1 p_bottom_zero">
<div class="container_12">
<!--==============================header=================================-->
<header class="homepage">
<h1><a class="logo" href="index.html">SBTM <span class="underline">Lab.</span></a></h1>
<nav>
<ul class="sf-menu">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="clear"></div>
</header>
<!--SLIDER-->
<section class="innerpages">
<div class="grid_12">
<ul class="breadcrumb clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
</ul>
<h1>라즈베리파이 RC카</h1>
</div>
</section>
<!--SLIDER_END-->
</div>
</div>
<div class="block2">
<div class="container_12">
<!--==============================content================================-->
<section class="content">
<div class="wrapper">
<article class="grid_12 last-col">
<div class="hello_box"> 라즈베리파이라는 미니 PC를 이용하여 만든 이 로봇은 웹 서버를 이용하여 통신을 하여 무선 조종 및 화면 송출을 할 수 있는 로봇입니다. </div>
</article>
</div>
<div class="wrapper projects">
<div class="row clearfix">
<article class="grid_12">
<div class="flexslider projectdetails">
<ul class="slides">
<li> <img class = "fimg" src="rccar1.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="rccar2.png" alt="Featured" height = "529"/> </li>
</ul>
</div>
</article>
</div>
<div class="row clearfix">
<article class="grid_3"> <span>제작자:</span> 나종서, 박형진, 김성환, 윤원섭, 오영민 <br />
<span>년도:</span> 2014<br />
<span>목적:</span> EE-Festival<br />
<a href="None" class="button small">관련 링크</a> </article>
<article class="grid_9">
<div class="css_cols"> 로봇을 웹서버를 통하여 컴퓨터로 로봇을 조종할 수 있고, 로봇이 촬영하고 있는 화면을 실시간으로 스트리밍 하여 웹에서 볼 수 있는 로봇입니다.
라즈베리파이에 달린 카메라 모듈을 사용하여 영상을 촬영한 후, 하드웨어 가속으로 H264 형식으로 영상을 인코딩합니다. 인코딩 된 영상을 FLV 컨테이너에 담은 다음 rtmp 프로토콜을 이용해 서버로 전송하였습니다.(gstreamer 이용)
제어 방식은 기본적으로 python flask를 이용하였습니다. 클라이언트에 ajax 요청을 받으면 그 요청을 해석하여 라즈베리파이의 rpio 모듈을 사용하여 pwm(Pulse width modulation)와 gpio(general purpose input output)를 이용하여 서브 모터와 DC 모터를 제어하였습니다. 클라이언트 쪽 스트리밍 rtmp player는 open source project인 vga player를 이용하여 구현하였습니다.</div>
</article>
</div>
<div class="grid_12">
<h2 class="clearfix"> <span class="f_left">다른 프로젝트</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
<div id="projects-carousel" class="project-details-caro">
<article class="grid_3 project-item"><a href="javascript:"><img src="icar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="icar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="icar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="rccar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="rccar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="rccar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="turret2_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="turret2.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="turret.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="emo1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="emo1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="emo.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="block3">
<!--==============================footer=================================-->
<div class="container_12">
<footer>
<div class="wrapper">
<div class="grid_6">
<h2>About</h2>
<p>연세대학교 공과대학 소속 동아리 사발통문입니다.</p>
<ul class="social">
<li> <a href="https://www.facebook.com/groups/154493074601959/">
<figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
Join us on Facebook</a> </li>
<li> <a href="http://club.cyworld.com/yonsei-sbtm">
<figure><img src="custom/cyworld.png" width="31" height="31" alt=""></figure>
Join us on Cyworld</a> </li>
<li class="cont_item m_bottom_zero"> <a href="contact.html">
<figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
Contact Us</a> </li>
</ul>
</div>
<div class="grid_3">
<h2>Copyright</h2>
© Yonsei SBTM. All rights reserved. </div>
<div class="grid_3 last-col">
<h2>Navigate</h2>
<ul class="navigate">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</footer>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/touchTouch.jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script>
<script src="js/contact.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>