Tag: html5

如何开始编程像mohiomap的东西?

我正在考虑为自己的purpouses创build一个思维导图webapp。 我想在https://www.moh.io/mohiomap/welcome.php上join一个布局。 有人可以给我任何提示,如何从这样的事情开始? 问候, 罗埃尔

在新连接上触发Socket.io断开连接事件

我正在尝试使用节点和socket.io构build一个聊天服务器和客户端,遵循书中的教程。前端代码如下所示: <html> <head> <title>Socket.IO example application</title> <style type = "text/css"> #input { width: 200px; } #messages { position: fixed; top: 40px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #EEEEEE; padding: 8px; } </style> </head> <body> Your message: <input id = "input" type = "text" /> <div id = "messages"></div> <script src = "http://localhost:4001/socket.io/socket.io.js"></script> […]

使用html5 standalone应用程序使用deskshell连接到MySQL

我正在使用deskshell制作小型独立的html 5应用程序,我想使用MySQL数据库。 如何在不使用PHP或服务器端语言的情况下从JavaScript连接到MySQL?

WebRTC:将多个监听器连接到一个客户端,一次一个

我一直在试图让WebRTC与广播器和多个监听器一起工作,但是当通过信号传输(使用nodejs&socket.io)传输描述和候选者时,我却陷入了困境。 我可以通过一个简单的nodejs套接字应用程序在两个浏览器之间工作,它只是将描述和候选人广播给其他已经连接的客户端,但是当我尝试存储描述并与新打开的浏览器连接时,什么都不会发生。 我基本上需要了解的是,我需要为一个浏览器提供什么,才能开始与另一个浏览器进行通信? 我正在进行的项目需要听众join会议室进行身份validation,并开始聆听正在发送的任何媒体。 以下是我的客户端代码: var audioContext = new webkitAudioContext() var client = null var configuration = { 'iceServers': [{ 'url': 'stun:stun.example.org' }] } $(function () { window.RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection client = new RTCPeerConnection(configuration, { optional:[ { RtpDataChannels: true } ]}) client.onnegotiationneeded = function () { console.log('Negotiation needed') createOffer() } client.onicecandidate […]

使用node.js从服务器获取数据

我想通过get方法对ajax调用node.js,ajax调用的结果将显示在同一个html页面中,我称之为ajax函数 这是html代码: <!DOCTYPE html> <html lang="en"> <head> <title>Sing-in Page</title> <link rel="stylesheet" href="css/style.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script> $(function() { $("#myform").bind('ajax:complete', function() { // tasks to do alert('1'); }); }); </script> </head> <body> <form method="get" action="http://localhost:8080/Login" id="myform" class="login"> <p> <label for="login">Email:</label> <input type="text" name="login" id="login" value=""> </p> <p> <label for="password">Password:</label> <input type="password" name="password" id="password" value=""> </p> <p class="login-submit"> […]

在Node.js Express中发布和redirect

让我开始说,我是Node.js中的完全新手。 我已经阅读了很多与我的问题相关的post,但是他们要么不适合我,要么我不明白解决scheme。 目前Nodes.js对我来说是相当棘手的:/ 所以这里是我的问题/问题: 我想弄清楚POST处理和redirect程序,我想我错过了一些东西,因为它不能正常工作。 我正在编写一个页面的应用程序,所以所有的页面实际上是一个页面分为几个部分。 说我有一个像这样的HTML表单(这是在login部分): <form method="post" action="/login"> <input name="email" type="email" id="signin-mail"> <input name="pass" type="password" id="signin-username"> <input type="submit" value="send"> </form> 这是我的Node.js服务器代码: var express = require('express'); var bodyParser = require('body-parser'); var fs = require('fs'); var app = express(); app.use(bodyParser()); // app.get('/login', function(req, res){ console.log('GET /') var html = fs.readFileSync('index.html'); res.writeHead(200, {'Content-Type': 'text/html'}); res.end(html); }); […]

将audio从浏览器stream到nodejs

我知道这是一个很长的镜头,但是我想知道这是否可能,并且(如果可能的话)有人指出我正确的方向。 我有一台linux机器(运行nodejs服务器),使用VLC将播放列表(本地文件)stream式传输到networking。 在那个networking中,还有10台其他的linux机器正在播放服务器发送的数据stream(也使用VLC)。 我想知道是否有可能开发一个networking应用程序,可以传输audio从计算机浏览器到服务器,以便它可以stream式传输到其他机器; 我发现这 一点,但我不明白这一点。 即使我可以将现场audio传输到服务器,我也不知道是否可以“重新传输”到其他机器;

HTML5事件源API和node.js | 如何发送stream到正确的客户端?

出于某种原因,我认为没有必要提及,我不能使用socket.io,并决定使用HTML5事件源API(服务器发送的事件)向客户端发送消息。 该消息告诉客户他的付款已通过第三方回叫收到。 我有一个ID来标识每个客户端,并在callback中收到。 到目前为止,我有两个问题: 我想每个发送的消息都被广播给所有的客户端。 有没有办法通过他的IDselect一个特定的客户端? 目前我在客户端使用if语句实现这个function,但是如果我可以直接从服务器发送消息给客户端来提高性能会很棒 当我closures客户端上的连接时,我想我并没有closures所有的连接,不是吗? 我的代码: Node.js的 app.get('/payments', function(req, res) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.writeHead(200, { 'Content-Type': 'text/event-stream', 'Connection': 'keep-alive', 'Cache-Control': 'no-cache', }); ee.on("payment", function (data) { res.write("data: " + JSON.stringify({'wallet': data.address, 'refund_address': data.refund_address,'payment_status': 'paid'}) + "\n\n" ); }); }); 客户 var source = new EventSource("/payments"); source.addEventListener('message', function(e) { if (e.origin […]

多个表行名称属性为json数组

在expression中,当我从表单发表post时: <tr> <td><input type="text" name="name"></td> <td><input type="text" name="remarks"></td> </tr> <tr> <td><input type="text" name="name"></td> <td><input type="text" name="remarks"></td> </tr> var body = req.body; ,身体给我这个: { name: [ 'Tel', 'Tel2' ], remarks ['test1','test2'] } 我怎样才能得到这个json数组: {debtor: [{name:'Tel', remarks:'test1'}, {name:'Tel2', remarks:'test2'} ] 如果备注test1 is empty ,我将无法知道test2属于第1行或第2行。

在NodeJS中将一系列图像编码到MediaStream中

我有多个NodeJS同伴捕获一系列图像。 有时需要通过WebRTC将数据发送给某些浏览器对端。 我目前正在通过Base64编码处理这个问题,通过DataChannel发送它们,并快速(大约20-30帧/秒)在<img>标签上显示它们。 但是看起来有些混乱,有没有办法将这些图像序列编码成MediaStream这样我就可以利用一些浏览器上的原生支持了? 我知道node-webrtc目前不支持MediaStream ,我需要分析构build它有多难。 但首先,我必须知道是否有办法做到这一点。 此应用程序必须仅通过WebRTC传输此数据,因为它正在处理对等点之间的空洞 。