149 lines
4.1 KiB
HTML
149 lines
4.1 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<!--<script type="text/javascript" src="http://static.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>-->
|
|||
|
|
<script type="text/javascript" src="roslib.min.js"></script>
|
|||
|
|
<script type="text/javascript" src="Lu_Math_Driver.js"></script>
|
|||
|
|
<script type="text/javascript" type="text/javascript">
|
|||
|
|
var ros = new ROSLIB.Ros();
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
ros.on('connection', function() {
|
|||
|
|
console.log('Connected to websocket server.');
|
|||
|
|
alert('连接成功');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
ros.on('error', function(error) {
|
|||
|
|
console.log('Error connecting to websocket server: ', error);
|
|||
|
|
alert(error);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
ros.on('close', function() {
|
|||
|
|
console.log('Connection to websocket server closed.');
|
|||
|
|
alert("与服务器失去连接");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
function talker1(canframeid,data0,data1,data2,data3,data4,data5,data6,data7){
|
|||
|
|
var IP = data0
|
|||
|
|
var Port = data1
|
|||
|
|
ros.connect('ws://'+IP+':'+Port);
|
|||
|
|
// var p0=Lu_StrToByte(data0);
|
|||
|
|
// var p1=Lu_StrToByte(data1);
|
|||
|
|
// var p2=Lu_StrToByte(data2);
|
|||
|
|
// var p3=Lu_StrToByte(data3);
|
|||
|
|
// var p4=Lu_StrToByte(data4);
|
|||
|
|
// var p5=Lu_StrToByte(data5);
|
|||
|
|
// var p6=Lu_StrToByte(data6);
|
|||
|
|
// var p7=Lu_StrToByte(data7);
|
|||
|
|
// /*
|
|||
|
|
// alert("talker1函数:"+canframeid+" "+data0+" "+data1+" "+data2+" "+data3+" "+data4+" "+data5+" "+data6+" "+data7+"\n"+ p0+" "+p1+" "+p2+" "+p3+" "+p4+" "+p5+" "+p6+" "+p7);
|
|||
|
|
// */
|
|||
|
|
// var can_pub = new ROSLIB.Topic({
|
|||
|
|
// ros : ros,
|
|||
|
|
// name : '/js_can',
|
|||
|
|
// messageType : 'lu_ps20l_msgs/Msg_CANFrame'
|
|||
|
|
// });
|
|||
|
|
//
|
|||
|
|
// var can_msg = new ROSLIB.Message({
|
|||
|
|
// header: {
|
|||
|
|
// stamp: {
|
|||
|
|
// secs: 0,
|
|||
|
|
// nsecs: 0
|
|||
|
|
// },
|
|||
|
|
// frame_id: "",
|
|||
|
|
// seq: 0
|
|||
|
|
// },
|
|||
|
|
// id:parseInt(canframeid),
|
|||
|
|
// is_rtr:false,
|
|||
|
|
// is_extended:false,
|
|||
|
|
// is_error:false,
|
|||
|
|
// dlc:8,
|
|||
|
|
// data:[p0,p1,p2,p3,p4,p5,p6,p7]
|
|||
|
|
//
|
|||
|
|
// });
|
|||
|
|
// can_pub.publish(can_msg);
|
|||
|
|
}
|
|||
|
|
function talker3(canframeid,data0,data1,data2,data3,data4,data5,data6,data7){
|
|||
|
|
ros.close();
|
|||
|
|
//ros.clone();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function talker2(id){
|
|||
|
|
element = document.getElementById(id);
|
|||
|
|
alert("talker2函数:"+element.value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function listener(){
|
|||
|
|
var listener = new ROSLIB.Topic({
|
|||
|
|
ros : ros,
|
|||
|
|
name : '/chatter',
|
|||
|
|
messageType : 'std_msgs/String'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
listener.subscribe(function(message) {
|
|||
|
|
console.log('Received message on ' + listener.name + ': ' + message.data);
|
|||
|
|
listener.unsubscribe();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var can_sub = new ROSLIB.Topic({
|
|||
|
|
ros : ros,
|
|||
|
|
name : '/Topic_HMI_CAN_SendFrame',//'js_can',
|
|||
|
|
messageType : 'lu_ps20l_msgs/Msg_CANFrame'
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
can_sub.subscribe(function(message){
|
|||
|
|
|
|||
|
|
var p = atob(message.data);
|
|||
|
|
|
|||
|
|
|
|||
|
|
var str= 'Received can message on ' + can_sub.name + ':\n 0x' + message.id.toString(16) +'\n'+message.is_rtr +'\n'+message.is_extended +'\n'+message.is_error+'\n'+message.dlc+'\n'
|
|||
|
|
|
|||
|
|
+'0x'+p.charCodeAt(0).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(1).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(2).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(3).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(4).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(5).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(6).toString(16)+' '
|
|||
|
|
+'0x'+p.charCodeAt(7).toString(16)+'\n';
|
|||
|
|
|
|||
|
|
console.log(str);
|
|||
|
|
|
|||
|
|
document.getElementById('test').innerText= str;
|
|||
|
|
can_sub.unsubscribe();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
var t2 = window.setInterval("listener()",100);
|
|||
|
|
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<h1>Simple roslib Example 你好 欢迎使用AGV</h1>
|
|||
|
|
<p>Check your Web Console for output.</p>
|
|||
|
|
|
|||
|
|
<div id='test'> </div>
|
|||
|
|
|
|||
|
|
<form name=f1>
|
|||
|
|
<p><input type=text name=canframeid></input></p>
|
|||
|
|
<p><input type=text name=data0></input></p>
|
|||
|
|
<p><input type=text name=data1></input></p>
|
|||
|
|
<p><input type=text name=data2></input></p>
|
|||
|
|
<p><input type=text name=data3></input></p>
|
|||
|
|
<p><input type=text name=data4></input></p>
|
|||
|
|
<p><input type=text name=data5></input></p>
|
|||
|
|
<p><input type=text name=data6></input></p>
|
|||
|
|
<p><input type=text name=data7></input></p>
|
|||
|
|
<p><input type=button value=ok onclick=talker1(canframeid.value,data0.value,data1.value,data2.value,data3.value,data4.value,data5.value,data6.value,data7.value)></input></p>
|
|||
|
|
<p><input type=button value=che onclick=talker3(canframeid.value,data0.value,data1.value,data2.value,data3.value,data4.value,data5.value,data6.value,data7.value)></input></p>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
|