无法在getUserMedia之外访问本地流

Question

这是我的代码

    var constraints = { audio: true, video: true };
    var localStream;
    navigator.mediaDevices.getUserMedia( constraints )
   .then( function ( stream ) {         
    localVideo = document.getElementById( 'local-video' ); 
    localVideo.src = window.URL.createObjectURL( stream );    
    localStream = stream;    
   })
  .catch( function( error ) {});   

这是我的视频聊天程序的一部分。

现在我有另外一个功能如下：

function connect(){
    alert( localStream );
    pc = new RTCPeerConnection( config );
    ...
    ...
}

我总是在警报时得到'未定义'。

localStream是此页面上的全局变量。

我做错了什么？