Tag: html5

与LimeJS HTML5一起使用库

我想知道是否我可以使用任何库,像Node.JS,JQuery和LimeJS? 有可能的 ?

表单提交后(POST)JavaScript FileReader.onload不工作

目前我正在创build单页上传器。 我使用Javascript(+ jQuery)进行开发,并使用AppJS 。 这个上传器有两种forms,上传input可用。 第一种forms和第二种forms都是隐藏display: none; 两者都使用相同的自定义上传扩展名。 在第一个forms我要求2张图片,他们不得不放弃。 当我删除图像时,它通过套接字上传到我的nodejs服务器并保存正确。 当我删除第二个,再次,它被上传到我的nodejs服务器,并保存正确。 然后我将表单发布到我的nodejs服务器 之后,我.hide()第一个forms和.show()第二个。 当我再次使用上传插件时,不会出现错误,也不会上传任何文件。 我注意到FileReader.onload不会在第一个表单发布之后执行。 在一些示例代码下面,我不能发布我的整个应用程序。 HTML <form id="formone" action="/formone"> <input type="text" name="background" value="Drop here" class="uploadinput" readonly /> <input type="text" name="logo" value="Drop here" class="uploadinput" readonly /> </form> <form id="formtwo" action="/formtwo" style="display:none;"> <input type="text" name="icon" value="Drop here" class="uploadinput" readonly /> </form> 使用Javascript // File upload extension […]

我想实现从MP3audio数据stream到Web

My Client Web(由HTML5实现)从networking服务器(由Node.js实现)获取MP3audio数据,audio数据是16位PCM编码数据和一般二进制数据两种。 我无法解决我所遇到的问题,即使我已经遵循了一些例子和解释。 现在我想知道我怎么可以回放这个可以请指导我为什么在方法'context.decodeAudioData'中得到一个错误? 提前谢谢你的帮助。 祝你好运!〜 —- html5 source code —- <!DOCTYPE html> <html lang="en" manifest="web.appcache"> <head> <meta charset="utf-8" /> <title>index.html</title> <script src="sounds/ufo.js"></script> <script src="js/base64-binary.js"></script> <!– base64-binary.js : https://github.com/alexgibson/offlinewebaudio/blob/master/js/base64-binary.js–> <script type="text/javascript"> var context = new webkitAudioContext(); var ws = new WebSocket("ws://localhost:8080"); ws.binaryType = 'arraybuffer'; ws.onmessage = function (evt) { var byteArray = Base64Binary.decodeArrayBuffer(evt.data); context.decodeAudioData( […]

Socket.io限制数据包的数量

我正在使用socket.io和HTML5文件API实际上在文件传输系统上工作。 https://github.com/xblaster/Nodjawnloader(stable分支) 我的主要问题是巨大的文件。 Socket.io将所有数据包发送给一个巨大的传输块,并且Google Chrome浏览器的JavaScript VM只收到大约70MB的数据包时就会崩溃。 我可以限制用于xhr-poll或jsonp调用的socket.io块吗?

JS构build工具没有节点

我是一个咕噜声的粉丝。 但不幸的是,我们没有节点,因此无法在我们的工作环境中访问npm包。 我一直在使用AngularJS + Bootstrap等创build一个HTML5应用程序。我已经能够使用angular种子启动和开发应用程序。 但是,我的主要问题是这样一个项目的构build(混淆和缩小)过程 。 由于我们是一个受保护的环境,我不能利用像咖啡等其他工具的帮助。我需要一些工具,可能会像咕噜,但可以直接下载。 任何帮助表示感谢,并提前感谢您。

将RTSPstream转换为MP4

我有一个支持RTSP的IP摄像头,我需要使用HTML5将这个stream显示给多个客户端。 由于HTML Video标签不支持RTSP,因此我打电话给ffmpeg将其编码为一个WEBMstream,但是结果非常不好,并且使原始stream失真。 我使用的命令如下: ffmpeg -i my_RSTP_URL -vcodec libvpx -f webm – 为了分发stream,我使用了一个Node.js实例,在需要时通过ffpmeg调用rtspstream。 解决scheme如下所示: 相机–Via RSTP – > ffmpeg – 编程到WEBM – > Node.js –Via HTML5video – >客户端 Node.js代码: var request = require('request'); var http = require('http'); var child_process = require("child_process"); var stdouts = {}; http.createServer(function (req, resp) { switch (params[0]) { case "LIVE": resp.writeHead(200, […]

通过使用xampp静态node.js错误

我最近开始使用p2p mediastreaming,并使用html5rocks.com的教程开始使用webrtc https://bitbucket.org/webrtc/codelab 。 我知道这一切工作,它为我工作得很好。 当我想在一个PHP项目中使用它时,问题就开始了。 我使用netbeans作为我的IDE和xampp运行我的本地主机上的代码。 当我创build一个基于node.js的正常的HTML5应用程序,如本教程的第6步所述,在netbeans中,并使用本地主机上的xampp运行代码,它工作的很好。 但是,当我将这些文件复制到一个PHP项目,并希望通过使用node.js命令行来启动我的server.js时,我得到了node-static上的一个错误。 这不会发生在我的html5应用程序。 C:\ xampp \ htdocs \ eviltestmap>节点servertje.js module.js:340抛出err; ^错误:找不到模块“节点静态” (module.js:338:15)在Module.require(module.js:364:17)上的Function.Module._load(module.js:280:25)对象,380:17)。 (module.js:474:10)在Module._compile(module.js:456:26)上的位置(C:\ xampp \ htdocs \ eviltestmap \ servertje.js:1:76)在Function.Module.runMain(module.js:497:10)处的Function.Module._load(module.js:312:12)处的Module.load(module.js:356:32) 我的phpproject和html5应用程序的path是不同的,但是我在命令行中input的path是正确的。 我检查了多次。 任何人都知道什么可能会导致这个错误,我怎么能解决这个问题?

Sails.js资产pipe理和参考

对不起noob问题,但我试图用Sails启动一个新的应用程序,并包括我的资产。 我使用Bower来pipe理我的包,例如Bootstrap和JQuery。 我读了这个问题,并添加了一个.bowerrc文件, 这个文件现在将我的Bower组件安装到/assets 。 我现在困惑,我应该如何着手将这些文件添加到我的项目。 看起来好像我不能像我习惯的那样在标题中做一个<script>标记,因为它给了我一个找不到的文件。 通过sails文档阅读,似乎Grunt应该在我的项目中创build一个.tmp/public/assets文件夹,但是每当我运行sails lift并转到.tmp/那里什么也没有。 我也在文档中看到,我应该使用某种资产注入,我试图将其添加到我的HTML,它似乎没有任何事情。 我的另一个问题是我如何去引用HTML中的图像。 显然我不能只是做一些像src='assets/images/image.png ,我该怎么办呢? 有什么明显的我失踪了吗?

通过Socket.io HTML5video/audio到Nodejs,但扭曲 – FFMPEG

我正在写这个非常简单的“skype克隆”。 我尝试了各种其他语言,python和分层Node.js与meteor,WebRTC,但Node.js + socket.io似乎工作最好,最干净,但我已经达到了路障,我无法得到这一切正常工作。 我有两个问题,1,我想我从HTML5 getUserMedia发送真实的数据,但我可能不会,我不知道如何testing或找出。 我认为使用“video.src = window.URL.createObjectURL(stream);” 使Blobstream成为一个实际的数据stream…但我不知道。 这是我的Broadcast.html这是一个非常简单的getUserMedia抢相机和麦克风…然后我连接到套接字,点击广播button,发射发射'join',并通过'webcamstream'的数据发送。 <video autoplay height="280"></video> <button class="recordbutton" onclick="startBroadcasting();">Broadcast</button> <script language="javascript" type="text/javascript"> var socket = io.connect('http://video.domain.com:3031'); socket.on('connect', function() { $('#conversation').append('Connected <br />'); }); function onVideoFail(e) { console.log('webcam fail!', e); }; function hasGetUserMedia() { return !!(navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); } if (hasGetUserMedia()) { alert('It is […]

在mysql请求之后节点JSredirect

我正在尝试做一个与节点JS和MySQL的注册页面,所有工作,除了我不能在另一个页面上redirect用户。 它没有考虑到我的forms“行动”,我不能在我的server.js中使用window.location,当我尝试: response.writeHead(301, {Location: 'index.html'} ); 我得到了永久性的错误。 所以,这是我的forms: <form method="post" action="index.html" id="registerForm"> <label for="username">Username</label> <input type="text" name="username" placeholder="Username" id="username" /><br/> <label for="password">Password</label> <input type="password" name="password" placeholder="Password" id="password" /><br/> <label for="password_bis">Confirmation</label> <input type="password" name="password_bis" placeholder="Password" id="password_bis" /></span><br/> <label for="language">Language</label> <select name="language" id="language"> <option value="fr">Français</option> <option value="en">English</option> </select> <input type="submit" value="Submit" /> </form> 这是我的js检索的内容: $(document).ready(function(){ $("#registerForm").submit(function (e) […]