请问怎样把代码修改为实时控制，Uno W5100 wifi html页面本地局域网控制舵机

布列松 · 发表于 2015-4-29 17:36:10

本帖最后由布列松于 2015-5-3 22:32 编辑

暂时修改成这样了：

Uno W5100 wifi html页面本地局域网控制舵机，希望能把代码修改为实时控制、或者能相隔2-3秒自动发送命令（附件下载，提供html的源文件、arduino mind+的源文件）

目前的效果

这是 range.html 的代码：

[pre lang="html" line="1"]<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<script src="js.js"></script>
<style>
#range {
transform:rotate(0deg);
-ms-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(0deg);
}
body p {
font-size: x-large;
}
</style>
</head>
<body>

<div>
  <p>SS1 servo test</p>
  <p> </p>
  <p>
<input id="range" type="range" min="0" max="180" onchange="change()">
  </p>
  <p> </p>
  <p><span id="value"></span></p>
  <p><a href="http://192.168.1.177/?ss:50;" target="bubu" id="url">gogo</a></p>
</div>
<script>
function change() {
var value = document.getElementById('range').value ;
document.getElementById('value').innerHTML = value;
$('#url').attr("href", "http://192.168.1.177/?ss:"+value+";");
$('#value').html("http://192.168.1.177/?ss:"+value+";");
}
</script>
</body>
</html>[/code]

dkm382638608 · 发表于 2015-4-29 18:11:48

单片机代码呢贴出来给大伙看看研究研究

潇洒哥 · 发表于 2015-4-29 20:19:34

对啊，arduino的代码呢？没有基础代码啊！

yyy_zc · 发表于 2015-4-29 21:49:06

研究一下html java script ,数据有变动就即刻发送,应该是调用了change()的

HuaShine2015 · 发表于 2015-4-30 03:45:05

在你的range.html代码添加一个click()触发即可，添加位置如下

<script>
function change() {
var value = document.getElementById('range').value ;
document.getElementById('value').innerHTML = value;
$$('#url').attr("href", "http://192.168.1.177/?ss:"+value+";");
$$('#value').html("http://192.168.1.177/?ss:"+value+";");
document.getElementById("url").click();
}
</script>

复制代码

布列松 · 发表于 2015-4-30 12:29:26

HuaShine2015 发表于 2015-4-30 03:45
在你的range.html代码添加一个click()触发即可，添加位置如下

成功了（视频迟些补发），但是我想一边拖动滚动条，一边舵机就实时摆动，要怎样改，

HuaShine2015 · 发表于 2015-5-1 00:02:27

布列松发表于 2015-4-30 12:29
成功了（视频迟些补发），但是我想一边拖动滚动条，一边舵机就实时摆动，要怎样改，

还是改这个html文件，将range元素触发方式从 onchange() 改成 onmousemove()就行了，祝你成功！

<div>
<p>SS1 servo test</p>
<p> </p>
<p>
<input id="range" type="range" min="0" max="180" onmousemove="change()">
</p>
<p> </p>
<p><span id="value"></span></p>
<p><a target="bubu" id="url">gogo</a></p>
</div>

复制代码

布列松 · 发表于 2015-5-1 17:00:52

HuaShine2015 发表于 2015-5-1 00:02
还是改这个html文件，将range元素触发方式从 onchange() 改成 onmousemove()就行了，祝你成功！

终于都成功了，但是用html的方式发送命令出去总是断断续续的，舵机的摆动不顺畅阿跳来跳去的咋个办哈

HuaShine2015 · 发表于 2015-5-1 18:01:26

既然都成功了，记得关闭问题贴哦。

布列松 · 发表于 2015-5-1 18:24:01

本帖最后由布列松于 2015-5-1 22:47 编辑

HuaShine2015 发表于 2015-5-1 18:01
既然都成功了，记得关闭问题贴哦。

其实还未成功用html的方式发送命令出去总是断断续续的，舵机的摆动不顺畅跳来跳去。有无办法转成 flash，swf文件的方式控制

HuaShine2015 · 发表于 2015-5-2 00:22:19

布列松发表于 2015-5-1 18:24
其实还未成功用html的方式发送命令出去总是断断续续的，舵机的摆动不顺畅跳来跳去。有无办法转成 fl ...

呵呵，ajax,jquery技术是可以实现的，随便一个做网页前端的妹子都能做
整体上要推倒你现有的全部重写，不适合在问答方式里答复了。
如果不熟悉前端技术，建议以你熟悉的编程方式用TCP/UDP通讯控制。

布列松 · 发表于 2015-5-2 12:43:29

HuaShine2015 发表于 2015-5-2 00:22
呵呵，ajax,jquery技术是可以实现的，随便一个做网页前端的妹子都能做
整体上要推倒你现有的全部重写， ...

暂时只能修改成这样了：

帐号		自动登录	找回密码
密码			注册

请问怎样把代码修改为实时控制，Uno W5100 wifi html页面本地局域网控制舵机

本帖子中包含更多资源

浏览过的版块

请问怎样把代码修改为实时控制，Uno W5100 wifi html页面 本地局域网 控制舵机

本帖子中包含更多资源

浏览过的版块

请问怎样把代码修改为实时控制，Uno W5100 wifi html页面本地局域网控制舵机