Tag: html5

同时访问两个远程资源并将其输出到合并的响应中 – NodeJS

简而言之。 我需要访问两个或两个以上的远程资源提要，将其合并，并将其显示为来自我的nodejs服务的一个结果。 详细 我需要从多个提供者获取提要（根据仪表板对象中存储的内容可能会有所不同） 连接它们，做一些其他的数据操作，并在最后显示内容为一个数组。 var allFeeds = []; dashboard.providers.forEach(function(provider) { if (provider.source === 'facebook') { … fb.getFeeds(provider.data.id, function(feeds) { … Array.prototype.push.apply(allFeeds, feeds); }); } else if (provider.source === 'google') { … google.getFeeds(provider.data.id, function(feeds) { … Array.prototype.push.apply(allFeeds, feeds); }); } else if (provider.source === 'twitter') { … twitter.getFeeds(provider.data.id, function(feeds) { … Array.prototype.push.apply(allFeeds, feeds); }); } […]

videostream不适用于iOS / Safari

我有一个依靠第三方对象存储（SoftLayer）来提供video文件的networking应用程序。 当用户请求一个video时，我的node.js-server从对象存储中提取文件并将其传输到客户端。 我的代码适用于桌面计算机上的Android和Firefox和Chrome浏览器。 不幸的是，该video不是在Safari / iOS中播放。 node.js-code（从w3c-websitestream式传输video）的简化版本如下所示： router.get('/testFile', function (req, res) { var range = req.headers.range; var positions = range.replace(/bytes=/, "").split("-"); var start = parseInt(positions[0], 10); var objectPath = "http://www.w3schools.com/html/mov_bbb.mp4" request.get({ url: objectPath, headers: {}, encoding: null }, function (err, data) { if (err) { console.log('error', err); }else { var total = data.body.length; var end […]

包含一个JSON文件作为Webpack输出，但不包含bundle.js的一部分

我有一个webpack应用程序，我想在运行时读取一个json文件。 在webpack打包应用程序之后，我想将json文件从bundle.js中排除，但仍然在package文件夹中。 我怎样才能做到这一点？

Node.js – 使用多个html文件连接到相同的服务器，相同的用户

我想要做的是将我的HTML5 canvas游戏整合到一个单独的web界面中。 当按下button时，html游戏填满<div id="game"> 。 但我只在我的javascript文件中定义了我的node.js。 现在我可以在HTML2文件中定义它，但似乎会创build2个独立的连接。 有只有1个连接，这样做的方法吗？ 简单地说 – 2个独立的HTML / JavaScript文件具有相同的确切连接 谢谢 HTML <div id="game"> <button id="gameFile">MyGame</button> </div> 使用Javascript var socket = io('http://192.168.0.5:2000'); socket.on('connect', function() { socket.emit('login', { }); }); $('#gameFile').click(function(event){ document.getElementById("game").innerHTML='<object type="text/html" data="games/myGame/index.html" style="width:100%; height: 100%;" ></object>'; }); HTML2（games / myGame / index.html） <canvas id="myCanvas"> Your browser does not support the HTML5 […]

HTML5video无法播放和媒体请求

我在MEAN STACK应用程序中工作。 我在video加载中遇到了一个问题。 我的本地服务器进行video播放，但在我的现场服务器出现以下问题。 In Firebug Url status GET home_video.mp4 206 Partial Content GET home_video.mp4 Aborted 有一件事：有时候，video在页面刷新后播放得很好。 依赖 html5 video tag nodejs server angularjs

如何使用HTML + JS从数据库中显示图像？

我正在做一个狗庇护所的应用程序，所以我把所有的图像URL保存在数据库中。 到目前为止，这是我所拥有的： 我想要的是，而不是显示这个PI想要显示狗的照片。 我的代码： 的index.html <div id="template_especie_show"> <nav class="navbar navbar-fixed-top df-nav cen col-md-12" role="navigation" style=""> <ul class="nav navbar-nav" style="width: 100%"> <li class="pull-left"><button type="button" id="especie_menu_left" class="btn btn-default btn-menu">Voltar</button></li> <li class="pull-left"><button type="button" id="especie_menu_logout" class="btn btn-default btn-menu-logout">Sair</button></li> <li style="float: none; display: inline-block; position: relative; text-align: center"><a href="#index"><img src="img/icone_ap.png" height="47"></a></li> </ul> </nav> <div class="row vert-offset-top-30"></div> <div class="col-md-2"></div> <div class="col-md-8"> […]

正则expression式从CSSselect器string中提取HTML5类

我正在从磁盘读取CSS文件作为string。 我的目标是提取与以下特定数据属性配对的HTML类： .foo[data-my-attr] 数据属性是独一无二的，所以我不必担心遍历CSS AST。 我可以简单地使用这样的正则expression式： (\.\S+)+\[data-my-attr\] 这已经可以工作了，但是\S+在select器中匹配一个HTML类是一个不错的方法。 它将包括各种组合器，伪类，假select器等。 我尝试构build正则expression式的白名单版本，例如(\w|-)+ ，但类名称的HTML5规范是非常宽容的。 不可避免的是，我错过了某些字符或者包含不正确的字符。 什么正则expression式可以用来从CSSselect器string中提取HTML5类 ？ 我正在使用Node，即正则expression式的JavaScript风格。 UPD1 一些例子： .foo[data-my-attr] – 应该匹配.foo .foo>span[data-my-attr] – 不应该匹配 .I_f%⌘ing_♥_HTML5[data-my-attr] – 应该匹配.I_f%⌘ing_♥_HTML5 这个问题存在，因为我无法想到每个可能的有效的HTML5类。 我需要一个基于令人惊讶的模糊的HTML5类规范的正则expression式： 3.2.5.7类属性 该属性（如果指定）必须具有一个值，该值是一组空格分隔的标记，表示该元素所属的各个类。 HTML元素分配给它的类包含所有在class属性的值在空间上分割时返回的类。 （重复被忽略。） 对于作者可以在类属性中使用的标记没有额外的限制，但鼓励作者使用描述内容本质的值，而不是描述所需内容表示的值。 显然，一个类不应该包含空格和字符，如+>:()[]=~因为它们是CSSselect器语法的一部分。

Chrome 16 websocket二进制

我试图在node.js中build立一个websocket服务器，但有问题。 我在这里find了一些代码在stackoverflow和我现在有服务器代码： var net = require("net"), crypto = require("crypto"), users = []; net.createServer(function(socket) { this.name = "Anonymous"; users.push(socket); socket.on('data', function(buffer) { if(buffer.toString('utf-8').substring(0, 14) === "GET / HTTP/1.1") { this.securyPattern = /Sec-WebSocket-Key: (.*)/g; this.key = this.securyPattern.exec(buffer); this.magic = "258EAFA5-E914-47DA-95CA-C5AB0DC85B11"; this.sha1 = crypto.createHash("sha1"); this.sha1.update(this.key[1] + this.magic); this.accept = this.sha1.digest("base64"); socket.write("HTTP/1.1 101 Switching Protocols\r\nUpgrade: WebSocket\r\nConnection: Upgrade\r\nSec-WebSocket-Accept: " + […]

HTML5 Websocket + Node.js实时通知系统

在过去的几周里，我用socket.io构build了一个使用HTML5 Websockets和node.js的小型通知系统。 还有一些事情我还没有解决。 我已经阅读了使用node.js的实时通知应该是最好的性能解决schemevs长轮询等，因为非阻塞I / O操作。 现在假设我们必须通知这个用户的朋友。 就像“我买了一个新的iPhone”。 我如何教node.js实时通知特定用户1：n？ 直到知道我只有发送和接收消息1-1通信。 这意味着我必须首先检查facebook api friendlist，并找出哪个facebook_id以某种方式与哪个socket_id连接。 然后检查用户的隐私设置，如果他想接收通知，然后发送并保存到数据库中。 所以对我来说，这似乎不是最有效的解决scheme… 目前， 我会使用mongo-db本地驱动程序的node.js和数据库操作完成由服务器的javascript。 我仍然需要执行facebooks javascript sdk来获取好友列表，但是我会遇到用户隐私设置的问题。 这是不是破坏了非阻塞I / O的所有优点？ 你怎么解决这个问题呢？ 对我来说，这似乎很复杂。 非常感谢你。

canvas与国际象棋的DOM的

我正在创build一个HTML 5国际象棋游戏。 服务器端是socket.io / node.js / backbone.js。 我现在开始写游戏板的视图。 在canvas或DOM元素（又名div）中代表棋盘会更容易吗？ 忽略浏览器兼容性。