0

シンプルなピア ツー ピア チャット アプリケーションである peer.js webrtc アプリケーションで、最小/最大フレーム レートや解像度などの設定など、getusermedia ビデオ制約を設定しようとしています。私はそれを自分のアプリケーションに統合しようとしていますが、それが壊れているようです。機能 1 では、制約を設定しようとしていて、ビデオが表示されなくなりました。これは正しい場所ですか？

また、これらの制約は Web カメラの代わりに再生中のビデオ ファイルでも機能しますか?. カメラの代わりにビデオ ファイルを再生する Google chrome フラグを使用しています。

     navigator.getWebcam = (navigator.getUserMedia ||
                    navigator.webkitGetUserMedia ||
                    navigator.mozGetUserMedia ||
                    navigator.msGetUserMedia);

                // PeerJS object ** FOR PRODUCTION, GET YOUR OWN KEY at http://peerjs.com/peerserver **
                var peer = new Peer({
                    key: 'XXXXXXXXXXXXXXXX',
                    debug: 3,
                    config: {
                        'iceServers': [{
                            url: 'stun:stun.l.google.com:19302'
                        }, {
                            url: 'stun:stun1.l.google.com:19302'
                        }, {
                            url: 'turn:numb.viagenie.ca',
                            username: "XXXXXXXXXXXXXXXXXXXXXXXXX",
                            credential: "XXXXXXXXXXXXXXXXX"
                        }]
                    }
                });

                    // On open, set the peer id so when peer is on we display our peer id as text 
                    peer.on('open', function(){
                        $('#my-id').text(peer.id);
                    });

                    peer.on('call', function(call) {
                        // Answer automatically for demo
                        call.answer(window.localStream);
                        step3(call);
                    });

                    // Click handlers setup
                    $(function() {
                        $('#make-call').click(function() {
                            //Initiate a call!
                            var call = peer.call($('#callto-id').val(), window.localStream);
                            step3(call);
                        });
                        $('end-call').click(function() {
                            window.existingCall.close();
                            step2();
                        });

                        // Retry if getUserMedia fails
                        $('#step1-retry').click(function() {
                            $('#step1-error').hide();
                            step();
                        });

                        // Get things started
                        step1();
                    });







             function step1() {
//Get audio/video stream
navigator.getWebcam({audio: true, video: true}, function(stream){
    // Display the video stream in the video object
    $('#my-video').prop('src', URL.createObjectURL(stream));




                        // Displays error  
                        window.localStream = stream;
                        step2();
                    }, function(){ $('#step1-error').show(); });
                }

                function step2() { //Adjust the UI
                    $('#step1', '#step3').hide();
                    $('#step2').show();
                }

                function step3(call) {
                    // Hang up on an existing call if present
                    if (window.existingCall) {
                        window.existingCall.close();
                    }

                    // Wait for stream on the call, then setup peer video
                    call.on('stream', function(stream) {
                        $('#their-video').prop('src', URL.createObjectURL(stream));
                    });
                    $('#step1', '#step2').hide();
                    $('#step3').show();
                }
4

1 に答える 1

2

JavaScript が無効のようです。関数の引数リスト内で var を宣言することはできません。貼り方を間違えた？試す：

var constraints = {
  audio: false,
  video: { mandatory: { minWidth: 1280, minHeight: 720 } }
};
navigator.getWebcam(constraints, function(stream){ etc. }

現在、少なくとも有効な JavaScript です。私は PeerJS に詳しくありませんが、使用している制約は Chrome の制約のように見えるので、Chrome を使用している場合は、PeerJS が何らかの理由で別の方法をとらない限り、機能することを願っています。

あなたの件名は「WebRTCカメラの制約」と言っているので、Chromeの制約は非標準であることに言及する必要があります。説明については、この回答を参照してください。

于 2015-03-28T05:47:05.927 に答える