html5 – 将相机视频从浏览器发送到服务器

前端之家收集整理的这篇文章主要介绍了html5 – 将相机视频从浏览器发送到服务器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试了铬金丝雀的新的和令人兴奋的功能19。

我基本上可以从网络摄像头抓取视频,并将其设置为视频标签的源元素。

<!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>

https://apprtc.appspot.com的例子,我们可以抓住视频并将其流传给同行…
我的问题是,我可以避免做所有的遍历来获得一个p2p连接,并直接上传视频到服务器? Id喜欢能够中继视频流,而不是发送它的p2p。

解决方法

您需要背面的某种流媒体服务器。

这个过程将是:

捕捉饲料
>发送到服务器
>转码为各种客户端格式
>管理出站流

有许多免费和付费品种可用:

> nodejs(demo/POC)
> wowza(paid)
> chrome based

更多关于转码:xuggler
媒体的“瑞士军刀”:ffmpeg

等等。

猜你在找的HTML5相关文章