web 端接收二进制图像数据与文本数据显示部分
<html>
<head>
<title>Simple client</title>
<script type="text/javascript">
var wsFrameData; // 图像传输ws
var wscontrol; //设备控制
var img
var icount = 0
// var img = new Image();
// var c, ctx;
var urlCreator = window.URL || window.webkitURL
var createObjectURL = urlCreator.createObjectURL
var revokeObjectURL = urlCreator.revokeObjectURL
var lastFrame = null
var updateFrame = function () {
img.src = createObjectURL(lastFrame)
}
function init() {
img = document.querySelector('#player')
img.onload = function (e) {
var img = e.target
var url = img.src
revokeObjectURL(url)
lastFrame = null
};
wsFrameData = new WebSocket("ws://127.0.0.1:9005/newtoken=a2abd43dfooepcxw");
// Set event handlers.
wsFrameData.onopen = function () {
output("wsFrameData onopen");
};
// Connect to Web Socket to open senser