2

我正在尝试记录添加到 RTCMultiConnection 的每个新会话/用户。
我在应用程序 https://rtcmulticonnection.herokuapp.com/demos/Audio+Video+TextChat+FileSharing.html中使用以下演示 url

现在我在代码中添加了以下 CDN 引用。 https://cdn.webrtc-experiment.com/RecordRTC.js

这是我正在使用但connection.streams[event.streamid].startRecording();不工作的代码。

// ..................RTCMultiConnection Code............. // ...................................................... var connection = new RTCMultiConnection(); var btnStopRec = document.getElementById("btnStopRecording"); connection.socketURL = 'https://rtcmulticonnection.herokuapp.com:443/'; connection.enableFileSharing = true; connection.session = { audio: true, video: true, data: true, }; connection.sdpConstraints.mandatory = { OfferToReceiveAudio: true, OfferToReceiveVideo: true, }; connection.onstream = function (event) { document.body.appendChild(event.mediaElement); console.log("stream recording starts") connection.streams[event.streamid].startRecording(); console.log("stream recording started") }

4

1 回答 1

3

我在下面的一个片段中包含了所有可能的情况。请仅使用您需要的代码：

// global object that contains multiple recorders
var recorders = {};

// auto start recorder as soon as stream starts/begins
connection.onstream = function(event) {
    document.body.appendChild(event.mediaElement);

    recorders[event.streamid] = RecordRTC(event.stream, {
        type: 'video'
    });

    recorders[event.streamid].startRecording();
};

// auto stop recorder as soon as stream stops/ends
connection.onstreamended = function(event) {
    if (recorders[event.streamid]) {
        recorders[event.streamid].stopRecording(function() {
            var blob = recorders[event.streamid].getBlob();
            var url = URL.createObjectURL(blob);
            window.open(url);

            delete recorders[streamid]; // clear
        });
    }

    if (event.mediaElement.parentNode) {
        event.mediaElement.parentNode.removeChild(event.mediaElement);
    }
};

// stop single recorder
document.getElementById('manually-stop-single-recording').onclick = function() {
    var streamid = prompt('Enter streamid');
    recorders[streamid].stopRecording(function() {
        var blob = recorders[streamid].getBlob();
        var url = URL.createObjectURL(blob);
        window.open(url);

        delete recorders[streamid]; // clear
    });
};

// stop all recorders
document.getElementById('manually-stop-all-recordings').onclick = function() {
    Object.keys(recorders).forEach(function(streamid) {
        recorders[streamid].stopRecording(function() {
            var blob = recorders[streamid].getBlob();
            var url = URL.createObjectURL(blob);
            window.open(url);

            delete recorders[streamid]; // clear
        });
    });
};

// record outside onstream event
// i.e. start recording anytime manually
document.getElementById('record-stream-outside-the-onstream-event').onclick = function() {
    var streamid = prompt('Enter streamid');
    var stream = connection.streamEvents[streamid].stream;

    recorders[streamid] = RecordRTC(stream, {
        type: 'video'
    });

    recorders[streamid].startRecording();
};
于 2017-08-23T17:15:47.677 回答