草庐IT

getUserMedia

全部标签

javascript - WebRTC MediaStream 的麦克风事件级别

我想要一些关于如何在Chrome/Canary中最好地获取音频MediaStreamTrackjavascript对象的麦克风事件级别的建议。MediaStreamTrack对象是getUserMedia返回的MediaStream的音轨,作为WebRTCjavascriptAPI的一部分。 最佳答案 当麦克风有音频时,上下绿色条非常漂亮:navigator.webkitGetUserMedia({audio:true,video:true},function(stream){//audioContext=newwebkitAudi

javascript - 如何在 Google Hangouts 或 OpenTokRTC 等 WebRTC 网络应用程序中禁用自动增益控制 (AGC)

在WebRTC之前的googletalkplugin时代,可以通过将audio-flags:1添加到配置文件来禁用AGC(麦克风的自动增益控制)。然而,由于GoogleHangouts现在使用WebRTC,经常会发生这样的情况,当我与某人聊天时,我的麦克风音量会一路下降,以至于我在另一边或多或少地保持沉默。我也遇到过多次将麦克风音量调高的记者。我在http://opentokrtc.com/上重现了这种行为它还使用WebRTC。通过在我的麦克风中发出响亮的爆裂声,我可以让电平在几步内一直下降。我可以在Chrome38和FireFox34beta上执行此操作。但是,当我在我的Ubuntu

javascript - 使用 getUserMedia 后关闭网络摄像头/相机

这个问题在这里已经有了答案:Stop/Closewebcamstreamwhichisopenedbynavigator.mediaDevices.getUserMedia(16个答案)关闭6年前。我正在开发一个使用后台页面访问用户网络摄像头的Chrome扩展程序。用户可以选择关闭相机。流似乎被关闭了。相关功能不再接收流。但是,网络摄像头灯(目前正在macbookpro上开发和测试)不会关闭。有什么想法吗?这是我设置流的代码:if(navigator.webkitGetUserMedia!=null){varoptions={video:true,audio:false};naviga

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户

navigator.mediaDevices.getUserMedia获取本地音频/麦克权限并提示用户效果获取权限NotFoundErrorNotAllowedError代码效果获取权限NotFoundErrorNotAllowedError代码//调用 captureLocalMedia()//方法functioncaptureLocalMedia(){console.warn('Requestinglocalvideo&audio');navigator.mediaDevices.getUserMedia(constraints).then(function(stream){console

javascript - iPhone X 上带有 chrome 的 navigator.mediaDevices.getUserMedia 出现问题

我试图让我的浏览器访问我的设备摄像头,以便我可以将媒体流输入视频,但是当我在谷歌浏览器上测试时不支持getUserMedia,但是当我使用safari时我没有问题。谷歌浏览器不再支持getUserMedia了吗?我已经读过thisarticle,但没有运气。这是我目前使用的实现:navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia;letconstraints={audio:false,video:{facingMode:"user"}

javascript - 仅使用 javascript/html5 获取麦克风/网络摄像头记录流

我制作了一个网络应用程序,需要使用java脚本和html5(无闪光灯)从pc/移动麦克风/相机记录流。我该怎么做? 最佳答案 有两种方法,getusermedia和使用输入的旧方法,这是ios6允许的:旧方法:当前方式:window.URL=window.URL||window.webkitURL;navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGet

ios - 在所有浏览器和平台中捕获 HTML5 和视频的可能性

在过去的几个月里,我已经开始搜索使用HTML5录制视频的可能性。但我发现只有在桌面浏览器中使用getUserMedia()的opera和chrome才有可能,我不知道移动浏览器。由于HTML5现在发展得很好。任何人都可以让我知道所有桌面和移动浏览器都可以在HTML5中录制视频吗?如果可能,请向我解释如何操作?....请让我知道在所有平台上使用HTML5进行视频捕获的可能性有哪些。 最佳答案 目前,Chrome(桌面版和移动版)和Firefox(仅桌面版)提供了最好的兼容性。Opera还支持getUserMedia(),但除此之外,O

javascript - 如何强制 16 :9 ratio with getUserMedia on all devices?

当视频设置为以16:9分辨率录制时,我需要使用getUserMedia。我的代码适用于大多数台式机和Android7及更高版本:navigator.getUserMedia({audio:true,video:{mandatory:{minWidth:380,minHeight:214,maxWidth:380,maxHeight:214}}})但在Android6及以下版本以及某些台式机上(无法确定具体是哪个),getUserMedia会中断,并且相机无法提供图像。这适用于所有设备和桌面,但默认分辨率为4:3,而我需要16:9:navigator.getUserMedia({audi

ios - 通过 WebRTC 在 iOS 中进行视频流传输

我正在尝试构建可在iOS和Android移动设备上跨平台运行的音频/视频流应用。无论我谷歌多深,我最终得到的建议都是指向OpenTok/TokBoxAPI的。但这是我希望避免的。我检查了一些演示,但WebRTC/HTML5似乎无法在iOS浏览器中处理流式视频/音频。例如,https://apprtc.appspot.com演示在iOS的Safari或OperaMini中不起作用。当我尝试http://dev.opera.com/articles/media-capture-in-mobile-browsers/demo/...我可以使用浏览器中的默认iOS相机选择器捕获图像,但流式传输

javascript - 如何在 Android 上将 getUserMedia 与 Cordova 一起使用?

使用getUserMedia在视频元素中预览相机输入在Chrome中工作得很好,但一旦我在Cordova容器中运行相同的代码就会中断。知道是什么原因造成的吗?Examplecode.添加了一个使用MozillagUMpolyfill的示例:(()=>{varpromisifiedOldGUM=function(constraints){vargetUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia);if(!getUserMedia){returnPromi