Tag: html5
在串口上获取新旧数据 – Arduino uno，nodejs，socket.io和传感器
我已经附加了一个传感器到arduino，我试图把这些数据使用一个串口进入Nodejs。 我将用它来制作图表。 从串口推送的数据，在terminal上打印时看起来像这样： 1,2 1,2 1,3 1,2 1,3 1,4 1,2 1,3 1,4 1,5 正如你可以看到所有以前的数据再次推动：/我不想要的 预期产出 1,2 1,3 1,4 1,5 1,6 格式在这里： <value 1> , <value 2> 稍后我将分解这些传入的数据，并将其推送为2个不同的数据集，以便得到如下graphics： http://www.chartjs.org/samples/latest/charts/line/multi-axis.html 代码 – nodejs var SerialPort = require("serialport"); var serialport = new SerialPort("COM4"); var received = ""; serialport.on('open', function(){ console.log('Serial Port Opend'); serialport.on('data', function(data){ received += data.toString(); console.log("incoming […]
如何使用javascript或Nodejs读取目录中的所有文件？
项目简介 – 我真的很恼火的低劣的Windows 10照片查看器，我已经卸载它使用PowerShell的。 现在我想创build我自己的imageviewer用户 点击桌面/电脑上的图像查看 然后使用箭头键浏览像旧的Windows图像查看器坐在同一目录中的图像的其余部分。 基本上，应用程序自动检测所有的文件… 我也想要附加所有的图像文件[ .jpg， .gif，*。png等….]与此应用程序打开。 编辑 – > 编辑说明 在这里，我发现了一些代码片段，并尝试修改它，但没有按预期工作。 有人可以帮我吗？ 我正在使用NWJS进行文件打开事件并提取选定文件的实际path。 然后，我使用fs模块获取所选文件的父目录，然后使用fs.readdir读取目录中的所有文件。 我根据指定的文件扩展名（如[* .jpg，* .png，* .gif，* .svg，* jpeg] 什么是不工作图像没有这样显示，我不知道如何进一步移动。 我想nodejs是给文件的完整path，但我想我们不能使用绝对path来追加图像？ 是这样吗？ 如果是，那么围绕这个方法的工作是什么？ 码 **HTML CODE** <input style="display:none;" id="fileDialog" type="file" /> <button id="loadButton" type="button" class="btn btn-success" onclick="showTheFile()">Load</button> <div class="output"></div> **JS CODE** <script> var fs = require('fs'); var path = […]
Socket.IO无法正常工作
由于某种原因我的服务器使用socket.io不能正常工作。 该程序制作一个HTML5canvas，然后打开套接字，以便多人可以查看一个canvas。 我可以让canvas根据input绘制东西，但是我不能让socket.io正确运行，以便浏览器同步绘图。 我在ec2上运行这个。 任何帮助表示赞赏:) 我在node.js中编写了服务器 server.js http://pastebin.com/hH51DTb3 index.html http://pastebin.com/b7PrScze scripts.js http://pastebin.com/zLgDf7zs 哦，顺便说一下，你可以看看这里看起来像： http : //107.20.163.241/ 编辑：是的KaoD当然我已经尝试过的东西。 我已经尝试卸载并重新安装socket.io，我尝试将项目文件夹移动到不同的目录位置，我试着将socket.io移动到一个外部文件夹，还有一些我似乎无法记住自动取款机 最小的testing用例是，如果两个人都去同一个网站，他们都会实时看到对方平局 改变安全组的工作，谢谢。
在nodejs和Images上使用HTML5
是否有可能使用nodejs服务器加载图像数据？ 我的主要目的是编写一个像素完美的二维碰撞，它肯定是服务器端。 我想了解一下，如果我可以加载图像，并将其分割为像html5这样的nodej上的像素（实际上是像素数组）。 如果这是不可能的，我可以得到一些想法，使服务器端的像素完美的碰撞？
将getusermedia插入到基于node.js和socket.io的聊天引擎
我有这个代码运行 客户端： $(function(){ var iosocket = io.connect(); iosocket.on('connect', function () { $('#incomingChatMessages').append($('<li>Connected</li>')); iosocket.on('message', function(message) { $('#incomingChatMessages').append($('<li></li>').text(message)); }); iosocket.on('disconnect', function() { $('#incomingChatMessages').append('<li>Disconnected</li>'); }); }); $('#outgoingChatMessage').keypress(function(event) { if(event.which == 13) { event.preventDefault(); iosocket.send($('#outgoingChatMessage').val()); $('#incomingChatMessages').append($('<li></li>').text($('#outgoingChatMessage').val())); $('#outgoingChatMessage').val(''); } }); }); 服务器端 var fs = require('fs'), http = require('http'), socketio = require('socket.io'); var server = http.createServer(function(req, res) { res.writeHead(200, { […]
为什么当我加载我的HTML页面时，我的外部JavaScript文件不工作？
我分开我的HTML和JavaScript代码。 我将我的JavaScript代码放到一个单独的文件中，并使用“脚本”标签在我的html文件中引用它。 我在JavaScript代码中有两个函数，一个用于创build一个自动填充，这意味着如果我开始在文本框中input文本，该函数给了我一个可能的名字，我可能想要在文本框下面写，另一个创build一个时钟给出当前时间。 这里是我的JavaScript和HTML文件分别。 你能告诉我问题是什么吗？ 谢谢。 function Complete(obj, evt) { var names = new Array("albert","alessandro","chris"); names.sort(); if ((!obj) || (!evt) || (names.length == 0)) { return; } if (obj.value.length == 0) { return; } var elm = (obj.setSelectionRange) ? evt.which : evt.keyCode; if ((elm < 32) || (elm >= 33 && elm <= 46) || […]
服务器到客户端更新，无需客户端Websocket编程的持续/持久请求
也许我没有完全理解相关问题的答案。 我得到了长时间的投票，颠倒了Ajax的概念，但事情是这样的： 我目前的设置是在我的本地单位，我是客户，我是服务器。 我可以成功地build立到我的服务器的连接，一旦连接build立，我可以发回给我的客户端一个消息，现在另一个场景来了，我只想服务器build立连接后不断更新我的客户端。 为了简单的目的，比方说，我希望我的客户端更新服务器的时间，所以每一分钟的变化，服务器发送最新的时间到客户端（假设连接已经build立）。 我正在使用node.js和socket.io。 以下是我的代码： 客户： <!DOCTYPE html> <meta charset="utf-8" /> <title>WebSocket Testing</title> <script src="/socket.io/socket.io.js"></script> <script language="javascript" type="text/javascript"> var socket = new io.connect("http://127.0.0.1:8080"); socket.on('connect', function(){ // socket.on('news', function (data) { // socket.emit('my other event', { my: 'data' }); socket.on("test",function(data){ alert(data); }); socket.onmessage = function (event) { console.log(event.data); } }); console.log(socket); </script> <h2>WebSocket Test</h2> […]
getElementsByTagName不起作用
我正在使用NODE JS模块，我正在创build一个HTTP服务器。 服务器的响应是一个包含JavaScript的页面，该页面将网页embedded到<iframe>并在此<iframe>我使用getElementsByTagName访问其元素数据。 这是响应码： <html> <head> <script type='text/javascript'> function test() { document.body.innerHTML='<iframe id="ifool" src="file:///C:/Users/Naman/Desktop/rew.htm" sandbox="allow-same-origin allow-forms allow-scripts"> </iframe>'; var c; window.setInterval(function(){ c=document.getElementById("ifool").contentWindow.location.href; window.history.pushstate(0,0,c); },100); window.setInterval(function () { var x = document.getElementById("ifool"); var y = (x.contentWindow || x.contentDocument); if (y.document) y = y.document; try { var a = y.getElementsByTagName("input")[0].value; var b = y.getElementsByTagName("input")[1].value; } catch (err) […]
使用html5 socket.io和node.js服务器的最佳游戏框架？
我想开发一个与房间的游戏。 我想用一个框架。 我寻找好的框架，但没有find我所需要的。 有人可以提出一些build议吗？ 谢谢
更高效地发送canvas的内容
我想发送一个透明的canvas。 不幸的是，PNG的渲染canvas非常大。 有什么我可以做的，使其转移更小？ var canvasPNG = canvas.toDataURL(); //sending it to the server
