описание

pi

Сейчас питание подключено к малине к 5v управляющие к GPIO-24, GPIO-23 пробовал питание подключать к 6v от 4 батареек тоже самое. мой код index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content = "height = device-height, width = 420, user-scalable = no" />
<title>RaspiRobot CamBot</title>
<script type="text/javascript" src="/webiopi.js"></script>
<script type="text/javascript">
function init() {
var button;

	button = webiopi().createButton(&quot;bt_up&quot;, &quot;/\\&quot;, go_forward, stop);
	$(&quot;#up&quot;).append(button);
	
	button = webiopi().createButton(&quot;bt_left&quot;, &quot;&lt;&quot;, turn_left, stop);
	$(&quot;#middle&quot;).append(button);
	
	button = webiopi().createButton(&quot;bt_stop&quot;, &quot;X&quot;, stop);
	$(&quot;#middle&quot;).append(button);
	
	button = webiopi().createButton(&quot;bt_right&quot;, &quot;&gt;&quot;, turn_right, stop);
	$(&quot;#middle&quot;).append(button);
	
	button = webiopi().createButton(&quot;bt_down&quot;, &quot;\\/&quot;, go_backward, stop);
	$(&quot;#down&quot;).append(button);
            button = webiopi().createButton(&quot;bt_camera&quot;, &quot;cam&quot;, camera,stop);
            $(&quot;#cam&quot;).append(button);
            button = webiopi().createButton(&quot;bt_photo&quot;, &quot;photo&quot;, photo,stop);
            $(&quot;#cam&quot;).append(button);
            button = webiopi().createAngleSlider(23, 30);
         $(&quot;#updown&quot;).append(button);


            button = webiopi().createAngleSlider(24, 0);
         $(&quot;#leftright&quot;).append(button);

	$(document).keydown(function(e)
	{
		switch(e.which)
		 {
   			case 37:turn_left(); break;
			case 38:go_forward(); break;
			case 39:turn_right(); break;
			case 40:go_backward(); break;
			case 32:stop(); break;
			case 75:camera(); break;
			case 80:photo(); break
           		}

	});
	
} 
   function camera() {
	 $(&quot;#vid&quot;).html('');

            webiopi().callMacro(&quot;camera&quot;);
	 $(&quot;#vid&quot;).html('&lt;img width=&quot;320&quot; height=&quot;240&quot; src=&quot;http://raspi:8080/?action=stream&quot;&gt;');

    }
   function photo() {
	 $(&quot;#ph&quot;).html('');
            webiopi().callMacro(&quot;photo&quot;);
             $(&quot;#ph&quot;).html('&lt;img src=&quot;/home/pi/robot/photo/ph.jpg&quot;&gt;');


    }


function go_forward() {
	webiopi().callMacro(&quot;go_forward&quot;);
}
	
function go_backward() {
	webiopi().callMacro(&quot;go_backward&quot;);
}
	
function turn_right() {
	webiopi().callMacro(&quot;turn_right&quot;);
}
	
function turn_left() {
	webiopi().callMacro(&quot;turn_left&quot;);
}
	
function stop() {
	webiopi().callMacro(&quot;stop&quot;);
}

webiopi().ready(init);
	
&lt;/script&gt;
&lt;style type=&quot;text/css&quot;&gt;
	button {
		margin: 5px 5px 5px 5px;
		width: 50px;
		height: 50px;
		font-size: 24pt;
		font-weight: bold;
		color: black;
	}
	#bt_camera, #bt_photo { width: 150px;}
&lt;/style&gt;

</head>
<body>
<div style="float:left">
<div id="content" align="center">
<div id="cam"></div>
<div id="vid"><img width="320" height="240" src="http://raspi:8080/?action=stream"></div>
<div id="up"></div>
<div id="middle"></div>
<div id="down"></div>
<div>down<span id="updown"></span>up</div>

	&lt;div&gt;left&lt;span id=&quot;leftright&quot;&gt;&lt;/span&gt;right&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;float:right&quot; id=&quot;ph&quot;&gt;&lt;/div&gt;

</body>
</html>