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

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

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

暂时修改成这样了：

http://v.youku.com/v_show/id_XOTQ2Mzc1MzIw.html

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








目前的效果

http://v.youku.com/v_show/id_XOTM2NTMxMDEy.html



这是 range.html 的代码：

<!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>&nbsp;</p>
<p>
    <input id="range" type="range" min="0" max="180" onchange="change()">
</p>
<p>&nbsp;</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>

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 static/image/common/back.gif
在你的range.html代码添加一个click()触发即可，添加位置如下

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

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

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

还是改这个html文件，将range元素触发方式从 onchange() 改成 onmousemove()就行了，祝你成功！<div>
<p>SS1 servo test</p>
<p>&nbsp;</p>
<p>
    <input id="range" type="range" min="0" max="180" onmousemove="change()">
</p>
<p>&nbsp;</p>
<p><span id="value"></span></p>
<p><atarget="bubu" id="url">gogo</a></p>
</div>

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

HuaShine2015 发表于 2015-5-1 00:02 static/image/common/back.gif
还是改这个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 static/image/common/back.gif
既然都成功了，记得关闭问题贴哦。

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

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

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

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

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

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

暂时只能修改成这样了：

http://v.youku.com/v_show/id_XOTQ2Mzc1MzIw.html
页: [1]
查看完整版本: 请问怎样把代码修改为实时控制，Uno W5100 wifi html页面 本地局域网 控制舵机