如何從網絡攝像頭獲取視頻流

Question

我需要將視頻從網絡攝像頭流傳輸到所有進入我的網頁的用戶。

如果我當前轉到我的頁面，則可以在網絡攝像頭中看到自己，但是我希望每個瀏覽到我的頁面的用戶都可以實時觀看我的廣播。

我是新手，我在這里想念什么？ 如何向所有進入我的頁面的用戶廣播？

我有這個html代碼：

<body>

    <div ng-app="myapp" ng-controller="mainController">


        <webcam   channel="channel"
                on-streaming="onSuccess()"
                on-error="onError(err)"
                on-stream="onStream(stream)">
        </webcam>
        <button ng-click="makeSnapshot()">take picture</button>
        <canvas id="snapshot" width="300" height="300"></canvas>
    </div>

    <div class="webcam" ng-transclude></div>

    <div id="stream" ></div>


</body>

而我的模塊代碼：

var webcam = angular.module('myapp', ['webcam'])
.controller('mainController', function ($scope) {
    var _video = null,
    patData = null;

    $scope.patOpts = { x: 0, y: 0, w: 25, h: 25 };

    $scope.channel = {};

    $scope.webcamError = false;
    $scope.onError = function (err) {

    };

    $scope.onSuccess = function () {

        _video = $scope.channel.video;
        $scope.$apply(function () {
            $scope.patOpts.w = _video.width;
            $scope.patOpts.h = _video.height;
            $scope.showDemos = true;
        });
    };

    $scope.onStream = function (stream) {
      //i think it is here i need to add some code for streaming
    };

    $scope.makeSnapshot = function () {

    };

    $scope.downloadSnapshot = function downloadSnapshot(dataURL) {
        window.location.href = dataURL;
    };

    var getVideoData = function getVideoData(x, y, w, h) {

    };

    var sendSnapshotToServer = function sendSnapshotToServer(imgBase64) {
        $scope.snapshotData = imgBase64;
    };
});

Answer 1

您需要創建一個Stream Live視頻。

記錄網絡攝像頭流
將流發送到您的服務器並保存mp4文件
在首頁中，閱讀公共mp4（按url）

例如：使用PHP進行實時視頻流

如何從網絡攝像頭獲取視頻流

問題描述

1 個解決方案

解決方案1
0 2016-12-07 18:59:16

如何從網絡攝像頭獲取視頻流

問題描述

1 個解決方案

解決方案1 0 2016-12-07 18:59:16

解決方案1
0 2016-12-07 18:59:16