Tag: video

附加到SourceBuffer的MediaSource在第一次之后不起作用

我目前正尝试通过socket.io将.webmvideo文件传输到我的客户端(目前使用Chrome作为客户端)。 将第一个Uint8Array附加到SourceBuffer可以正常工作,但追加更多的不起作用并引发以下错误: Uncaught DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': The HTMLMediaElement.error attribute is not null. 我目前的代码: 'use strict'; let socket = io.connect('http://localhost:1337'); let mediaSource = new MediaSource(); let video = document.getElementById("player"); let queue = []; let sourceBuffer; video.src = window.URL.createObjectURL(mediaSource); mediaSource.addEventListener('sourceopen', function() { sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"'); socket.on("video", function(data) { let uIntArray = new […]

用node / express显示BASE64video

所以,有点奇怪的问题。 我有一堆媒体文件保存为mongo中的base64string,有些是图像,有些是video。 我做了一个获取媒体文件的API: app.get('/api/media/:media_id', function (req, res) { media.findById(req.params.media_id) .exec(function (err, media) { if (err) { res.send(err); } var file = new Buffer(media.file, 'base64'); res.writeHead(200, {'Content-Type': media.type, 'Content-Transfer-Encoding': 'BASE64', 'Content-Length': file.length}); res.end(file); }); }); 现在,图像没有问题。 它们直接从API中加载,并且当我从前端调用API(例如<img src="/api/media/23498423"> )时, 问题 如果我从前端获取video(如图像),但使用video或对象标记: <video src="/api/media/3424525" controls></video> 没有问题,但是如果我直接从API的浏览器中加载video: http://localhost:8080/api/media/3424525 服务器进程崩溃,没有错误。 它只是冻结起来。 而我们并不是在谈论庞大的video文件 – 这是一个1.5MB的video。 所有正在testing的video的标题中的媒体types是video/mp4 。 哦,只是要清楚:如果我对图像做同样的事情,一切都很完美。 编辑: 好吧,就像@idbehold和@zeeshan所build议的那样,我看了一下gridfs和gridfs-stream,为了我的应用程序的目的,这当然是我本来应该使用的。 […]

Node.js:从jpeg图像到video文件的实时转换

我使用node.js和通过socket.io库我收到实际上是jpeg图像的数据块。 这些图像是从远程摄像头捕获的实时video帧。 我不得不以jpeg帧stream式传输video。 我正在寻找一种方法来在video文件(mpeg 4或mjpeg文件)中即时转换这些jpeg图像。 节点有一个库可以做到这一点? 我已经看了一下Node-fluent-FFMPEG库,但是唯一给出的例子是将jpeg文件转换为video,而不是从jpeg图像stream中进行转换。 或者,ffmpeg for windows支持jpeg图像stream作为input吗?

Node.jsvideo聊天应用程序

你将如何使用node.js实现video聊天应用程序? 任何资源(教程,书籍,链接)或一般的游戏规划/策略将不胜感激

使用Node.js将video文件stream式传输到html5video播放器,以便video控件继续工作?

Tl;博士 – 问题: 使用Node.js处理video文件到html5video播放器的正确方法是什么, 以便video控件继续工作? 我认为这与处理标题的方式有关。 无论如何,这是背景信息。 代码有点冗长,但是,它非常简单。 使用Node将小video文件stream式传输到HTML5video很容易 我学会了如何轻松地将小video文件传输到HTML5video播放器。 通过这种设置,控制器无需任何工作,videostream完美无瑕。 具有示例video的完整工作代码的工作副本位于此处,可在Google文档中下载 。 客户: <html> <title>Welcome</title> <body> <video controls> <source src="movie.mp4" type="video/mp4"/> <source src="movie.webm" type="video/webm"/> <source src="movie.ogg" type="video/ogg"/> <!– fallback –> Your browser does not support the <code>video</code> element. </video> </body> </html> 服务器: // Declare Vars & Read Files var fs = require('fs'), http = […]