Html 将摄像头视频从浏览器发送到服务器
我正在尝试chrome canary 19的新功能 我基本上可以从网络摄像头抓取视频,并将其设置为视频标签的源元素Html 将摄像头视频从浏览器发送到服务器,html,client-server,webcam,html5-video,Html,Client Server,Webcam,Html5 Video,我正在尝试chrome canary 19的新功能 我基本上可以从网络摄像头抓取视频,并将其设置为视频标签的源元素 <!DOCTYPE html> <html> <head> <title>Camera capture</title> <script> var localStream; var localStreamObjUrl; window.onlo
<!DOCTYPE html>
<html>
<head>
<title>Camera capture</title>
<script>
var localStream;
var localStreamObjUrl;
window.onload = function() {
navigator.webkitGetUserMedia("audio, video", gotStream);
}
function gotStream(stream) {
localStream = stream;
localStreamObjUrl = webkitURL.createObjectURL(localStream);
var video = document.getElementById("selfView");
video.src = localStreamObjUrl;
}
</script>
</head>
<body>
<video id="selfView" autoplay audio=muted></video>
</body>
</html>
摄像机捕捉
var-localStream;
var localStreamObjUrl;
window.onload=函数(){
webkitGetUserMedia(“音频、视频”,gotStream);
}
函数gotStream(stream){
localStream=stream;
localStreamObjUrl=webkitURL.createObjectURL(localStream);
var video=document.getElementById(“selfView”);
video.src=localStreamObjUrl;
}
从上的示例中,我们可以抓取视频并将其流式传输给对等方…我的问题是,我是否可以避免进行所有遍历以获得p2p连接并直接将视频上传到服务器?我希望能够中继视频流,而不是通过p2p发送。您需要在后面安装某种流媒体服务器 这一进程将是:
媒体的“瑞士军刀”: 等等。你可以试试,他们有基于Flash和HTML5的捕获。之后,您可以将视频推送到以将其转换为各种客户端格式
他们有API集成。唯一的问题是成本。哇,这个问题已经有两年了,而且仍然相关。目前,您有两种选择,一种是将相机流传送到画布,以便定期向服务器发送屏幕截图(简单但速度非常慢),另一种是使用WEBRTC传送数据。不幸的是,服务器端对WEBRTC的支持仍然不是很好,因为没有太多用于通用编程语言的WEBRTC库。在过去5年的大部分时间里,我开发了视频录制解决方案,并为修复Red5中的视频录制错误做出了很大贡献 在桌面上,您可以使用Flash客户端+媒体服务器(Red5、Wowza、Adobe媒体服务器),在移动设备上,您可以使用HTML媒体捕获
我在上详细回答了一个类似的问题,我想看看是否有人对此有所了解。