??????????????HTML5 video标签能做实时的视频监控吗？-CSDN论坛

??????????????HTML5 video标签能做实时的视频监控吗？

Web 开发 > HTML(CSS)

收藏回复

[问题点数：20分]

⋅？？？？？？？？？？？rails控制器如何实现从nginx下载完文件后立即删除该文件 ⋅??????????????HTML5 video标签能做实时的视频监控吗？ ⋅?????????????小弟菜鸟，不懂Uint8Array,ArrayBuffer 更多帖子 关注私信空间博客 yipingshui2011 本版专家分：50 结帖率 83.33%: 小妹知道，HTML5 video能播放静态的视频文件。就是不清楚，HTML5 video标签能用来做实时的视频监控吗？
能否提供点这方面的资料给小妹参考参考？
谢谢各位大哥、大姐了。

2012-06-27 11:14:17

点赞 0 只看楼主引用举报楼主

⋅？？？？？？？？？？？rails控制器如何实现从nginx下载完文件后立即删除该文件 ⋅??????????????HTML5 video标签能做实时的视频监控吗？ ⋅?????????????小弟菜鸟，不懂Uint8Array,ArrayBuffer 更多帖子 关注私信空间博客 yipingshui2011 本版专家分：50: 怎么没人知道啊

2012-06-27 14:03:48

点赞 0 只看TA 引用举报 #1得分 0

⋅这个富HTML文件内容，如何进行正则，达到我所要的结果？ ⋅JSON数据中，可能会有相同的重复记录，在JS中怎么排重呢？ ⋅JS如何删除JSON数据中，满足条件的记录？ 更多帖子 关注私信空间博客 duu007 本版专家分：212: 目前做不了，不支持直播视频流。

2012-08-07 20:29:28

点赞 0 只看TA 引用举报 #2得分 0

⋅惜海的留言板 ⋅请教中兴西安无线院今年怎么样？我签到无线院了，不知道前途如何，请指教 ⋅CVTE测试题和答案 更多帖子 关注私信空间博客 惜海 本版专家分：0: 引用 2 楼 duu007 的回复:
目前做不了，不支持直播视频流。

真的假的？

2013-07-30 10:16:07

点赞 0 只看TA 引用举报 #3得分 0

⋅求是否有这样一个插件！！！散分 ⋅12306真正的票贩子是谁？你站出来吧 ⋅切记出门看黄历，别像我今天这么倒霉。散300分攒人品，求多福 更多帖子 关注私信空间博客 马老虎 本版专家分：2775

是可以的。

老虎传送门

2013-07-30 10:17:58

点赞 0 只看TA 引用举报 #4得分 0

⋅js作用域链和函数表达式的深入讨论 ⋅为什么用eval解析json字符串要加括号，否则就报语法错误？ ⋅关于Math.pow抽风的事 更多帖子 关注私信空间博客 l676331991 本版专家分：3141



var video = document.getElementById("video"),

    videoObj = { "video": true },

    errBack = function(error) {

	console.log("Video capture error: ", error.code); 

    };



// Put video listeners into place

if(navigator.getUserMedia) { // Standard

	navigator.getUserMedia(videoObj, function(stream) {

		video.src = stream;

		video.play();

	}, errBack);

} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed

	navigator.webkitGetUserMedia(videoObj, function(stream){

		video.src = window.webkitURL.createObjectURL(stream);

		video.play();

	}, errBack);

}

这个是html调用摄像头的代码，从摄像头取到了数据流，是一个blob://GUUID类型的URL，然后设置给video的src属性，就可以显示摄像头的拍摄内容了。
如果要录制并保存视频，那就要再找找方法了，我也不知道了。

2013-07-31 17:25:06

点赞 1 只看TA 引用举报 #5得分 0

⋅apache 内存占用问题 ⋅group by 优化 ⋅尤文升三星散分预留贴。 更多帖子 关注私信空间博客 去圣西罗-为尤文喝彩 本版专家分：8008: html5 live streaming，用英文搜索，有些文章可供你参考。

2013-07-31 17:58:43

点赞 0 只看TA 引用举报 #6得分 0

⋅c# 调用异步网络请求,返回结果后无法更新UI ⋅WinForm 监听剪贴板复制的内容出现乱码 ⋅d3js,一个小问题 更多帖子 关注私信空间博客 Q544471255 本版专家分：6024 红花 2015年9月移动开发大版内专家分月排行榜第一: 试试用编程语言解决，会比较简单，比如C/C++试试.

2013-07-31 23:43:07

点赞 0 只看TA 引用举报 #7得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 jinglier 本版专家分：0

引用 5 楼 l676331991 的回复:



var video = document.getElementById("video"),

    videoObj = { "video": true },

    errBack = function(error) {

	console.log("Video capture error: ", error.code); 

    };



// Put video listeners into place

if(navigator.getUserMedia) { // Standard

	navigator.getUserMedia(videoObj, function(stream) {

		video.src = stream;

		video.play();

	}, errBack);

} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed

	navigator.webkitGetUserMedia(videoObj, function(stream){

		video.src = window.webkitURL.createObjectURL(stream);

		video.play();

	}, errBack);

}

你好，能问下，怎么样将这个stream保存成ogg/webm/mp4格式的视频文件呢?有方法吗？
非常感谢！

2013-09-25 09:58:26

点赞 0 只看TA 引用举报 #8得分 0

引用 8 楼 jinglier520 的回复:

Quote: 引用 5 楼 l676331991 的回复:
var video = document.getElementById("video"),

    videoObj = { "video": true },

    errBack = function(error) {

	console.log("Video capture error: ", error.code); 

    };



// Put video listeners into place

if(navigator.getUserMedia) { // Standard

	navigator.getUserMedia(videoObj, function(stream) {

		video.src = stream;

		video.play();

	}, errBack);

} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed

	navigator.webkitGetUserMedia(videoObj, function(stream){

		video.src = window.webkitURL.createObjectURL(stream);

		video.play();

	}, errBack);

}
这个是html调用摄像头的代码，从摄像头取到了数据流，是一个blob://GUUID类型的URL，然后设置给video的src属性，就可以显示摄像头的拍摄内容了。
如果要录制并保存视频，那就要再找找方法了，我也不知道了。
你好，能问下，怎么样将这个stream保存成ogg/webm/mp4格式的视频文件呢?有方法吗？
非常感谢！

这个难办了。
我记得在canvas里可以用drawImage方法，得到video元素在当前时刻的帧画面的像素数据，猜想可不可以每20毫秒取video里的当前帧图像，然后使用ogg或mp4的压缩算法自己编码出视频格式？恰好现在js操作二进制已经不是问题了。

天哪，这个太难了。我感觉目前浏览器给JS的API已经足够完成打开摄像头录制视频文件的功能了，但是，是不是要像我说的那样自己逐帧取图像数据然后编码视频文件就不知道了。如果像我说的那样那太难了，还不如用插件去完成。

2013-09-25 22:10:56

点赞 0 只看TA 引用举报 #9得分 0

1 2

收藏回复

yipingshui2011

等级：

关注私信 TA的帖子

我要发贴

基于video标签的HTML5视频播放器.rar: 基于video标签的HTML5视频播放器,你可学习一下HTML5中的Video标签用法，用它来创建支持视频播放的网页播放器非常便捷的。

一个移动端H5Video标签播放视频的实现: 一个移动端 H5 Video 标签播放视频的实现

HTML5的多个video标签：截取视频源的封面图poster，监听视频播放状态的功能: 我们是否也会遇到过，有些浏览器在显示这标签，兼容不太友好，video标签的封面是一层黑色的，而不是视频的封面图。那么，此时，我们就得截取每个视频的封面图来，因为video标签有个属性poster是用来储存封面图地址...

APICloud + html5 开发视频app功能讲解（video标签）: APICloud + html5 开发视频app功能讲解（video标签）

HTML5标签video官方文档: HTML5标签video官方文档十分详细

HTML5视频插件video.js: 支持HTML5的一款视频播放插件，使用时在head里引入<link href=“./video-js.css” rel=”stylesheet”>和[removed][removed]这两个文件就可以使用了。主要用法如下： <video id=”my_video_1″ class=”...

html5基于video的视频播放器: html5基于video属性制作的视频播放器代码内置三种皮肤，可以修改控制按钮的颜色，遮罩层透明度和视频封面等

HTML5 视频播放器 video-js: web、移动开发、 HTML5 视频播放器 video-js.

HTML5 video 标签浏览器兼容问题: NULL 博文链接：https://1960370817.iteye.com/blog/2398884

为了解决在safari浏览器video标签无法播放视频的问题: 为了解决在safari浏览器video标签无法播放视频的问题

CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行: CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行

HTML5 Video实现浅析: 文章分析了WebKit中HTML Video的实现，配有类关系图和代码，有助于理解HTML5 Video的实现原理。

Html5+JavaScript实现视频监控多路播放分屏播放布局，最大支持32路: Html5+JavaScript实现视频监控播放分屏播放布局视频的播放基于jsmpeg需要自己配置播放流路径，该功能待完善

html5 video视频播放插件: 很好的html5嵌套的视频播放代码，亲测可用，请放心下载；

html5media文件，video兼容IE8视频播放: 本文件已经从google站点下载了，可以在项目中直接引用，兼容IE8的H5视频Video播放

网页 video-js-html5视频播放器源码兼容所有浏览器例子DEMO完美: 网页 video-js-html5视频播放器源码兼容所有浏览器例子,下载DEMO完美

让所有浏览器支持html5的video标签: 让所有浏览器支持HTML5的 video视频标签。头部包含[removed][removed] html中如下<video src="video.mp4" width="320" height="240" controls autobuffer></video>直接使用。

video-js-html5视频播放器源码例子: video-js-html5视频播放器源码例子

EasyNvr视频监控H5播放: 基于纯web页面观看监控画面，访问同一个地址支持微信、QQ、支付宝等扫码工具，扫一扫直接观看无须安装任何自有插件、监控APP等，减少资源消耗跨平台支持PC端、安卓端、iOS苹果端等主流终端

HTML5视频播放器accessible-html5-video-player.zip: Accessible HTML5 Video Player 是一个轻量级的 HTML5 视频播放器，支持自定义字幕。功能特征：与自定义控件提供了一个 HTML5 视频播放器支持字幕：只需要使用标准 HTML5 视频语法的 VTT 字幕文件使用本地 HTML5 ...

相关热词 c# 开发接口 c# 中方法上面的限制 c# java 时间戳 c#单元测试入门 c# 数组转化成文本 c#实体类主外键关系设置 c# 子函数局部 c#窗口位置设置 c# list 查询 c# 事件执行顺序

我们是很有底线的