草庐IT

getUserMedia

全部标签

javascript - 具有非核心检测的自定义 grunt-modernizr

自从我发现yeoman的那天起,我将它用于我所有的前端项目。它包括grunt-modernizr-至少我认为-下载库并在我调用构建任务时即时编译它gruntbuild但我有一个小问题:默认情况下,它不包括我们可以在这里在线看到的“非核心检测”:modernizrcustombuilder这是我的grunt-modernizr任务配置(Gruntfile.js文件的一部分):modernizr:{devFile:'/components/modernizr/modernizr.js',outputFile:'/components/modernizr/modernizr.js',extr

javascript - Safari 12 忽略 getUserMedia 约束

出于某种原因,Safari12(尚未在其他版本上尝试过)完全忽略了getUserMedia约束。我的代码看起来像这样navigator.mediaDevices.getUserMedia({video:{facingMode:'environment',width:{min:640,ideal:1280}},audio:true}).then(userStream)//SafarionMacignoresconstraintsandendsupexecutinghere.catch(fallback)//ChromeonMacraisesanderrorandendsupexecuti

javascript - 传输的 getUserMedia/MediaRecorder 视频格式大于请求的格式。怎么说?

背景:在Windows10上,我使用的是getUserMedia(gUM)和MediaRecorder在GoogleChrome(v71)中捕获和编码视频流。我正在使用gUM的约束参数来告诉它我想要352x288的视频格式。我请求video/webm;codecs="avc1.42E01E"作为编码流的MIME类型(在Matroska中装箱的H.264)。我选择笔记本电脑内置的廉价网络摄像头作为视频源。它被称为DMAX-AVC制作的“EasyCamera”。将它称为CheezyCamera很诱人。视频流生成得很好。问题:流中编码视频的尺寸为440x360而不是我请求的352x288。此

javascript - 如何在 Chrome 中启用屏幕/桌面捕获?

我可以通过以下步骤在firefox中实现它:让我的服务器https将我的域附加到about:config中的用户首选项media.getusermedia.screensharing.allowed_domains以将其列入屏幕共享白名单。使用像{video:{mediaSource:"screen"}}这样的约束,但是在chrome中,我完全迷路了。大多数地方都在提示:您需要先在chrome://flags的getUserMedia()中启用名为Enablescreencapturesupport的标志。(但我无法在任何地方找到这个标志)我查看了MuazKhan的screenshar

javascript - Firefox:drawImage(video) 失败并显示 NS_ERROR_NOT_AVAILABLE:组件不可用

正在尝试调用drawImage用video来源是网络摄像头的源似乎在Firefox中失败NS_ERROR_NOT_AVAILABLE:Componentisnotavailable.我尝试等待视频标签触发的每个事件:play,playing,canplay,loadeddata,loadedmetadata,依此类推,但没有任何效果。这似乎是因为这些事件在流被正确加载到之前触发。元素。JSFiddlewitherror(可以在控制台查看错误)副作用是视频的宽度和高度也不正确。 最佳答案 这是一个bug在火狐中。最简单的解决方法是继续

javascript - 录制 html5 音频

是否可以使用html5录制声音?我已经下载了最新的canary版本的chrome并使用以下代码:navigator.getUserMedia=navigator.webkitGetUserMedia||navigator.getUserMedia;navigator.getUserMedia({audio:true},gotAudio,noStream);然后这会提示用户允许录音,如果您说"is",则会出现一条消息,说明chrome正在录音。但是,是否可以访问其中包含原始数据的音频缓冲区?我似乎无法找出方法。有尚未实现的建议规范,有谁知道现在是否可以在任何浏览器上实际实现,并提供说明?

javascript - 使用不同的浏览器通过 getUserMedia 获得一致的音频质量

我在做什么我正在使用getUserMediaAPI在浏览器中录制音频,然后将此音频发送到websocket服务器。此外,为了测试录音,我使用soundflower在Mac上作为输入设备,所以我可以播放波形文件,而不是对着麦克风讲话。客户端(JavaScript)window.AudioContext=window.AudioContext||window.webkitAudioContext;navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserM

javascript - 网络音频 : How can I get a mobile microphone to pick up audio from a distance?

通过navigator.getUserMedia访问用户的麦克风非常简单。但是,如果我使用的是移动浏览器并想从远处拾取音频(例如使用“免提”模式)怎么办?我将如何实现这一目标?似乎有原生应用可以实现这一点,但网络音频呢?这样做的目的是使用DTMF在设备之间发送消息。我已经用我的笔记本电脑实现了这一点,因为它的麦克风可以从很远的距离录制周围的音频,但是我可以使用的任何手机似乎只能在“喉舌”附近录制音频,所以我必须将手机非常靠近源发言人,即使有很小的机会收到消息。这违背了目的,除非我能让移动麦克风从远处拾取音频。编辑:关于距离,我的意思是大于几英尺,而不是仅仅几厘米。环境声音,而不是麦克风

javascript - 当我在 Chrome 中单击 "Allow"时,为什么 getUserMedia 会抛出 [object NavigatorUserMediaError]?

最近,我在尝试通过我的网站访问客户的麦克风时开始遇到错误。当Chrome询问是否允许网站访问用户的麦克风时,无论他们点击“允许”还是“拒绝”,都会生成[objectNavigatorUserMediaError]。无论麦克风是否实际插入计算机(运行Ubuntu12.04),这种情况都会发生。通过Firefox进行的进一步测试表明,这并非Chrome所特有。问题仅在我完成实时输入演示然后退出计算机后才出现。我尝试制作一个访问麦克风的基本演示,但它遇到了同样的问题。vargetVideo=false,getAudio=true;navigator.getUserMedia||(naviga

javascript - Firefox 和 Chrome 中的 getUserMedia() 视频大小不同

我正在使用getUserMedia(),并且在实现约束时(见下文)它们仅适用于Chrome而不是Mozilla。mozilla中的尺寸总是显得拉长,最终比chome中的尺寸大。varvid_constraints={mandatory:{maxHeight:180,maxWidth:320}}varconstraints={audio:false,video:vid_constraints};navigator.getUserMedia(constraints,successCallback,errorCallback);阅读一些内容后,MozGetUserMedia()似乎不支持分辨