Tag: html5

不能使用FFMPEG转MP4 MP4 HTML5video

我一直在努力从FFMPEG直播工作几个小时,所以提高白旗和寻求帮助。 我的场景是我有一个IP安全摄像头,我可以通过RTSP(h.264)成功连接并将video保存为文件段,并通过独立的应用程序(如VLC或通过node.js Web服务器应用程序发送“video/ mp4”和保持活动的头,并将先前由FFMPEG保存的mp4文件传输到HTML5video客户端。 不过,我想采取相同的RTSPstream,并重新stream到HTML5客户端。 我知道的HTML5客户端位和FFMPEG remuxing MP4作为MP4录制/stream媒体工作。 我已经尝试了以下内容: 1)将输出设置为HTTPstring。 我不认为FFMPEG支持这个,因为我得到“input/输出错误”和FFMPEG文件谈到另一个名为FFSERVER应用程序,这是不支持的Windows ffmpeg -i rtsp://admin:12345@192.168.1.234:554 -vcodec copy -f mp4 -movflags frag_keyframe+empty_moov http://127.0.0.1:8888 2)由于ffmpeg在node.js中以spawn的forms运行,所以我试着用STDOUT将节点输出到一个节点http服务器,使用我用于logging回放stream的相同头文件。 我可以在VLC中查看这个stream,这是一个好兆头,但是我不能让HTML客户端识别这个stream,它显示为空白,或者偶尔会显示stream的静态图像。 var liveServer = http.createServer(liveStream); var liveStream = function (req, resp) { // handle each client request by instantiating a new FFMPEG instance resp.writeHead(200, {"Content-Type": "video/mp4", "Connection": "keep-alive"}); var xffmpeg = child_process.spawn("ffmpeg", [ […]

网站不工作在诺基亚Lumia

我的网站工作在Android和IOS浏览器,但它不开放在诺基亚Lumia IE Browser.It引发以下, 当我使用它的build议search应用程序时,什么都没有显示出来。 我尝试过与其他类似的网站,他们工作得很好。 不知道是什么造成这个问题。 它是一个使用bootstrap 3.1.1框架构build的nodejs网站。 有没有人有任何想法是什么导致这一点。 提前致谢….

socket.io如何检测客户端断开连接

我知道socket.io可以通过'disconnect'事件处理断开'disconnect' 。 我的问题是:当客户端closures网页时,如何在服务器端触发'disconnect'事件? 我的看法是:当客户端closures网页时, 'onunload'事件的callback会启动一个emit('disconnect') 。 我对吗 ? 谢谢 ! 编辑: 从learnBoost : 卸载时的同步断开连接默认为false:当浏览器卸载时,是否需要向服务器发送断开连接数据包? 也许,现在是默认情况下…我检查了代码,默认情况下仍然是false 。

有没有办法改变HTML5的全屏video的屏幕分辨率?

我目前正在开发基于Webkit + nodeJS的媒体中心(就像桌面应用程序中的Chrome浏览器)。 我想根据当前正在播放的video(仅全屏显示)的FPS更改屏幕刷新率(HZ),例如,如果我的屏幕分辨率为1920×1080 @ 60hz并播放1080p @ 24fpsvideo,我希望屏幕分辨率更改为1920×1080 @ 24小时。 这种做法在媒体中心非常普遍,只是因为将屏幕的刷新率与video的FPS相匹配,确保了更加愉快和stream畅的播放。 所以,我的问题很简单:有没有办法在JavaScript或HTML5中做到这一点?

Windows 8应用程序和nodejs websocket不能相互连接

我正在使用Windows应用程序,并尝试将其连接到节点服务器。 我在Windows应用程序中使用Web套接字,而从npm节点使用“websocket”。 我有麻烦连接两个似乎在那里连接,但当我试图发送信息(简单的Hello Worldstring)没有任何反应。 我有一个简单的JavaScript的Windows应用程序。 在我的default.html中只有一个简单的button: <button onclick="Check()">Check status</button> 在default.js我有检查function是: function Check() { var host = "ws://192.168.201.91:8080"; try { socket = new WebSocket(host); socket.onopen = function (openEvent) { console.log("Sockets open"); socket.send("Hello, world"); console.log("Socket state: " + socket.readyState); console.log("Message is sent to: " + socket.url); }; socket.onerror = function (errorEvent) { console.log(" 'WebSocket Status:: Error was […]

NodeJS + Websockets + HTML5video标签和“stream媒体”

我正尝试使用websockets将大型video文件stream式传输到浏览器的<video>标签中。 video播放良好,但是在播放之前一直等待下载整个video,导致很大的延迟。 设置autoplay = true和preload="none"似乎对此没有影响。 所以我已经研究过把video分块,然后把它作为一个blob的URL发送到浏览器。 对于块,我正在使用节点分块stream 我的代码到目前为止: var chunkingStreams = require('chunking-streams'); var SizeChunker = chunkingStreams.Chunker; var input = fs.createReadStream('src-videos/redcliff450.webm'), chunker = new SizeChunker({ chunkSize: 2000000 }), output; chunker.on('chunkStart', function(id, done) { output = fs.createWriteStream('src-videos/output/' + id + '.webm'); done(); }); chunker.on('chunkEnd', function(id, done) { output.end(); done(); }); chunker.on('data', function(chunk) { output.write(chunk.data); }); input.pipe(chunker); //test […]

广播现场摄像头stream

我想logging我的摄像头,并实时向其他客户端广播stream。 我可以很容易地在同一页面的video标签中显示我的摄像头: function initialize() { video = $("#v")[0]; width = video.width; height = video.height; var canvas = $("#c")[0]; context = canvas.getContext("2d"); nav.getUserMedia({video: true}, startStream, function () {}); } function startStream(stream) { video.src = URL.createObjectURL(stream); video.play(); requestAnimationFrame(draw); } function draw() { var frame = readFrame(); if (frame) { replaceGreen(frame.data); context.putImageData(frame, 0, 0); } requestAnimationFrame(draw); } function […]

通过套接字streamvideo到html5video标签

您好,我一直在试图stream通过一个socket.io套接字的webmvideo直接到html5video标签。 客户端和服务器代码如下所示: 服务器: (function() { var Alert, Channel, Receiver, Takeover, express, pathLib; pathLib = require("path"); fs = require("fs"); express = require("express"); module.exports = function(app, sockets) { router = express.Router(); router.get("/clearAlerts", function(req, res) { console.log("reached!"); return sockets.emit("alert-deleted"); }); router.get("/castVideo", function(req, res) { //move this to a better place console.log("reachedCastVideoss"); var readStream = fs.createReadStream(pathLib.join(__dirname + "/../../../public/elephants-dream.webm")); readStream.addListener('data', […]

如何从websocket连接保存来自客户端的传入文本文件

我试图在node.js中实现一个websocket服务器,而不使用任何框架。 从客户端发送消息到服务器工作正常。 但是现在我试图从客户端发送一个文本文件到服务器。 我可以通过在terminal中使用console.log来查看服务器端的内容。 但: 我如何获得文件信息? (姓名,创build/编辑date等?) 我怎样才能保存文件? 客户代码: (function () { 'use strict'; var output, ws; //Display logging information in the document function log(s) { var p = document.createElement("p"); p.style.wordWrap = "break-word"; p.textContent = s; output.appendChild(p); //Also log information on the javascript console window.console.log(s); } //Send a message on the Websocket function sendMessage(msg) { […]

在Node Webkit中使用HTML代码执行.exe或.bat文件

我正在使用节点Webkit,我想有一个HTML文件执行本地文件如.exe或.bat ,而不是下载它。 我试图在HTML文件(index.html)中使用它: <a href="installer/setup.exe" >setup</a> 但它不起作用。