初始化button、video控件

getUserMedia有两种情况一种是正常打开摄像头使用handleSuccess处理一种是打开摄像头失败使

用handleError处理

当正常打开摄像头时则将getUserMedia返回的stream对象赋值给video控件的srcObject即可将视频显示出

来!DOCTYPE

打开摄像头/buttonp通过getUserMedia()获取视频/p/bodyscript

const

document.querySelector(#local-video);video.srcObject

stream;}//

{navigator.mediaDevices.getUserMedia(constraints).***n(handleSuccess).catch(handleError);}document.querySelector(#showVideo).addEventListener(click,

初始化button、audio控件

“打开麦克风”按钮以触发onOpenMicrophone事件的调用

当触发onOpenCamera调用时

getUserMedia有两种情况一种是正常打开麦克风使用handleSuccess处理一种是打开麦克风失败使

用handleError处理

当正常打开麦克风时则将getUserMedia返回的stream对象赋值给audio控件的srcObject即可将声音播放出

来!DOCTYPE

idplayAudio打开麦克风/buttonp通过getUserMedia()获取音频/p/body

scriptconst

constraints{audio:true,video:false};//处理打开麦克风成功function

audio

document.querySelector(#local-audio);audio.srcObjectstream;}//

异常处理function

handleError(error){console.error(getUserMedia

error:

{navigator.mediaDevices.getUserMedia(constraints).***n(handleSuccess).catch(handleError);}document.querySelector(#playAudio).addEventListener(click,

/html

document.querySelector(#local‐video);video.srcObject

stream;}function

{navigator.mediaDevices.getUserMedia(constraints).***n(handleSuccess).catch(handleError);}document.querySelector(#showVideo).addEventListener(click,onOpenAV);/script/body

/html