草庐IT

GetUserMedia

全部标签

javascript - 在 JavaScript 中将音频从 getUserMedia() 编码为 .OGG

这个问题在这里已经有了答案:converting.wavfileto.ogginjavascript(4个答案)关闭8年前。所以我有一个正在处理的HTML5项目,我正在将iOS应用程序转换为基于Web的应用程序。该应用程序内容创建的一部分是录音,我试图在不使用插件的情况下用JavaScript复制它;到目前为止,我已经能够从getUserMedia()录制音频,并借助Recorder.js将其转换为WAV。然而,现在我有点迷路了。我目前有两个单独的View,一个用于录制内容,一个用于播放内容,但我不知道如何将音频从Recorder.js导出到我的JSON有效负载中进行播放(我想避免强制

javascript - 为什么使用 "always allow"时 Firefox 中没有 `getUserMedia` 选项?

我在我的应用程序中使用getUseMedia函数。每次我打开Firefox权限弹出窗口都会出现。没有alwaysallow选项。根据Bugzilla,此功能已在Firefox30中实现-当前版本为43。我正在像这样使用getUserMedia:navigator.getUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);是吗?为什么我不能选择allowalways选项? 最佳答

javascript - 为什么使用 "always allow"时 Firefox 中没有 `getUserMedia` 选项?

我在我的应用程序中使用getUseMedia函数。每次我打开Firefox权限弹出窗口都会出现。没有alwaysallow选项。根据Bugzilla,此功能已在Firefox30中实现-当前版本为43。我正在像这样使用getUserMedia:navigator.getUserMedia=(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia);是吗?为什么我不能选择allowalways选项? 最佳答

javascript - 我如何访问 navigator.getUserMedia()?

我目前正在运行Chrome11并尝试访问getUserMedia以获得HTML5原生音频和视频流支持,但我收到一条错误消息,指出navigator.getUserMedia未定义。如果它不受支持,我该如何访问它,或者我是否需要等到Chrome合并它?这是我用来测试我发现的getUserMedia的代码SnapshotKioskLoading...navigator.getUserMedia('videouser',gotStream,noStream);varvideo=document.getElementById('monitor');varcanvas=document.getE

javascript - 我如何访问 navigator.getUserMedia()?

我目前正在运行Chrome11并尝试访问getUserMedia以获得HTML5原生音频和视频流支持,但我收到一条错误消息,指出navigator.getUserMedia未定义。如果它不受支持,我该如何访问它,或者我是否需要等到Chrome合并它?这是我用来测试我发现的getUserMedia的代码SnapshotKioskLoading...navigator.getUserMedia('videouser',gotStream,noStream);varvideo=document.getElementById('monitor');varcanvas=document.getE

javascript - 如何使 getUserMedia() 在所有浏览器上工作

我了解到web-rtc,它说你可以捕获视频摄像头,我用了demo,好吧,这只适用于chrome..当我在firefox上打开它时,我收到消息“您的浏览器不支持getUserMedia()。”另一方面,当我打开这个HTML5-rocks-demo100%有效。让getusermedia()工作的更改或插件或我想念的东西。 最佳答案 问题不只是前缀函数名;提供的流在不同浏览器中的工作方式不同。在这里,我将引导您完成它。我假设您已经在名为video的变量中设置了一个视频元素。//Idon'tusuallyliketooverwritepu

javascript - 如何使 getUserMedia() 在所有浏览器上工作

我了解到web-rtc,它说你可以捕获视频摄像头,我用了demo,好吧,这只适用于chrome..当我在firefox上打开它时,我收到消息“您的浏览器不支持getUserMedia()。”另一方面,当我打开这个HTML5-rocks-demo100%有效。让getusermedia()工作的更改或插件或我想念的东西。 最佳答案 问题不只是前缀函数名;提供的流在不同浏览器中的工作方式不同。在这里,我将引导您完成它。我假设您已经在名为video的变量中设置了一个视频元素。//Idon'tusuallyliketooverwritepu

javascript - HTML5 捕获和保存视频

我正在构建一个伴唱网站,用户可以在该网站上捕捉自己随着mp3一起唱歌的视频。我已经到了可以访问相机并显示实时流的地步,但是如何保存视频以便用户可以下载并保留它?我的代码:#container{margin:0pxauto;width:500px;height:375px;border:10px#333solid;}#videoElement{width:500px;height:375px;background-color:#666;}Record!StartRecording!Yourbrowserdoesnotsupporttheaudioelement.varvideo=docu

javascript - HTML5 捕获和保存视频

我正在构建一个伴唱网站,用户可以在该网站上捕捉自己随着mp3一起唱歌的视频。我已经到了可以访问相机并显示实时流的地步,但是如何保存视频以便用户可以下载并保留它?我的代码:#container{margin:0pxauto;width:500px;height:375px;border:10px#333solid;}#videoElement{width:500px;height:375px;background-color:#666;}Record!StartRecording!Yourbrowserdoesnotsupporttheaudioelement.varvideo=docu

javascript - Web 浏览器中的高质量音频录制

一行版本:什么开源软件(WAMI-Recorder)/网络浏览器(通过getUserMedia)可以给我最好的录音质量?高质量定义为(44.1或48采样率)和16位样本大小。更多信息:所以目前我的解决方案是WAMI-Recorder,但我想知道HTML5规范是否已经在浏览器中成熟到一定程度,这样我就可以在没有Flash的情况下进行录音并获得同等或更高质量的录音。目前看起来WAMI在22050达到最大值。我不需要跨浏览器支持,因为这是供内部业务使用的。非Flash解决方案也是首选。 最佳答案 我找到了一些东西here.希望对你录音有帮