javascript - 如何在浏览器上使用手机麦克风录音？-6ren

javascript - 如何在浏览器上使用手机麦克风录音？

转载作者：行者123 更新时间：2023-12-03 00:50:42

28

4

我正在尝试从浏览器录制声音，但它仅适用于我的 mac 中的 chrome 浏览器，但在任何其他浏览器中都不起作用。我的目标是通过浏览器记录手机的声音。

我一直在尝试以下示例，但它不适用于移动浏览器。它会打开麦克风，但不会停止录制，也不会播放。

我认为问题出在没有被调用的 recorder.stop() 周围。

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>

</script>
</head>

<body>
 <audio controls autoplay></audio>
<script type="text/javascript" src="recorder.js"> </script>

<input onclick="startRecording()" type="button" value="start recording" />
<input onclick="stopRecording()" type="button" value="stop recording and play" />

<script>
  var onFail = function(e) {
    console.log('Rejected!', e);
  };

  var onSuccess = function(s) {
    var context = new webkitAudioContext();
    var mediaStreamSource = context.createMediaStreamSource(s);
    recorder = new Recorder(mediaStreamSource);
    recorder.record();

    // audio loopback
    // mediaStreamSource.connect(context.destination);
  }

  window.URL = window.URL || window.webkitURL;
  navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

  var recorder;
  var audio = document.querySelector('audio');

  function startRecording() {
    if (navigator.getUserMedia) {
      navigator.getUserMedia({audio: true}, onSuccess, onFail);
    } else {
      console.log('navigator.getUserMedia not present');
    }
  }

  function stopRecording() {
    //alert("hello");
    recorder.stop();
    recorder.exportWAV(function(blob) {
      //audio.src = window.URL.createObjectURL(s);

      var url = URL.createObjectURL(blob);
                    audio.src = url;
                    audio.controls = true;
                    var hf = document.createElement('a');
                    hf.href = url;
                    hf.download = new Date().toISOString() + '.wav';
                    //upload(blob);   
                    audio.src = url;
    });

  }

  function upload(blobOrFile) {
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload.aspx', true);
    xhr.onload = function (e) {
        var result = e.target.result;
  };

    xhr.send(blobOrFile);
}
 </script>
 </body>
</html>

最佳答案

目前只有 Chrome 支持 AudioContext 接口(interface)。
Firefox 也有一个实现，但只在 Nightly 构建中。

我不确定这些浏览器的移动版本是否支持它。

关于javascript - 如何在浏览器上使用手机麦克风录音？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21567348/

28

4

0

文章推荐： powershell - 如何正确传递参数？

文章推荐： regex - 如何删除包括多个条件的索引？

文章推荐： string - PowerShell - "Ternary"If 语句后的大写字母

文章推荐： Elasticsearch 解释错误 - 文档映射类型名称不能以 '_' 开头

Twilio 录音
我正在使用 twilio JS 客户端从 Web 进行调用。客户端调用后端获取 token 。这里是返回 token 的后端代码。如何记录通话。表示在哪里设置录制网址。通话成功。但是不知道从哪里传录音
java 录音
我有一个软件，可以记录 5 秒间隔的声音，然后将其发送进行处理。它在无限循环中运行，如下所示: while (true) { System.out.println("recording..")
iPhone 录音
我目前正在做一个项目，需要录制 iPhone 播放的声音。通过这个，我的意思是录制在后台播放的声音，如声音剪辑或其他任何东西，而不是使用内置麦克风。这能做到吗？我目前正在试验 AVAudioReco
连接免提时使用手机麦克风进行 Android 录音
当我将蓝牙免提连接到 Android 手机设备时，是否可以使用手机麦克风录制声音并在免提中听到？我设法通过手机麦克风录制声音，并通过手机扬声器或耳机听到声音。但是当耳机有麦克风时，通常是免提，它默认
parsing - ARCore 录音
我想访问我在我的应用程序中记录的跟踪数据和自定义数据。有人可以提供不同数据轨道保存在 mp4 中的格式吗？使用这个例子https://github.com/google-ar/arcore-and
c++ - C++录音
我想知道，在C++中进行音频记录/回放/搜索的跨平台实用工具是什么？我当时在考虑采用ALUT(OpenAL)的路线，但是有更好的方法吗？如果不是，你们是否知道ALUT的任何优秀教程/示例代码？最佳答
flash - 录音|暂停和恢复
我目前正在开发一个项目，该项目允许用户录制音频消息，但是最近提出了一个要求，允许他们暂停录制过程，然后继续录制(将新的音频追加到之前的录制之后)。示例: 用户按下记录并进行初始记录。用户按下暂停按
android - 录音 NullPointerException
我见过几个这样的例子，但它们似乎是针对旧版本的 SDK。我正在尝试设置基本的录音，以下代码在针对 SDK 2.0 版时给我一个 NullPointerException。 ContentValues
Android - 录音 - 采样率
我开发了一款安卓游戏，使用 Audio Record 获取麦克风输入。可以看一下https://play.google.com/store/apps/details?id=fixappmedia.m
javascript - HTML5 录音
我想在最近的项目中使用该插件进行音频捕获。我找到了 Matt Diamond 的努力 demo here正如大多数文章所指向的那样。我尝试在本地重新创建这个完全相同的演示，但没有成功。我包括了所有依
swift - 附上渔获物并不详尽(录音)
我正在设置录音机，但在 soundRecorder = try AVAudioRecorder(URL: getFileURL(), settings: recordSettings as! [Str
c++ - 录音/混音器软件
作为一名吉他手，我一直想开发自己的录音、混音软件。我在 Direct Sound、Windows Multimedia(waveOutOpen 等)方面有一些经验。我意识到这将是一个复杂的项目，但纯粹
ascii - 如何使用脚本自动化来录制 asciinema 录音？
我不想记录我自己的击键来创建 asciinema 教程，而是想编写它们的脚本，这样我就可以随着时间的推移轻松地改进我的教程，而不必担心每次我想进行更改时都要重做，或者花很多时间尝试更正录音中的错别字。
android - 使用 Flutter 录音
我正在尝试使用 Flutter 构建一个应用程序，其中包含录音机。如何访问录音机？请帮我弄清楚它的包、依赖项和代码。最佳答案您可以使用 audio_recorder 包: https://pub.
java - 为什么我有不止一份 JFR 录音？
掌握 Java Flight recorder (JFR) 配置，我有一个最合理的配置: -XX:+UnlockCommercialFeatures -XX:+DebugNonSafepoints -
javascript - 我无法从我的网站播放 twilio 录音
我正在尝试播放我从 twilio 取回的通话录音。到目前为止，我在我的网站上有一个所有通话录音的列表，当我点击它们时，它会将我发送到 twilio 以收听它们。然后我发出一个 ajax 请求以从 tw
iPhone LINE-IN 录音可以吗？
我们可以用 iPhone 直接线路输入录制音频吗？最佳答案唯一的方法是使用底座连接器创建您自己的配件，然后使用提供的 API! 关于iPhone LINE-IN 录音可以吗？，我们在Stack
javascript - 立即嵌入 SoundCloud 录音？
基本上，我希望用户使用 SoundCloud 录音机录制声音，一旦他们单击“保存”，他们刚刚录制的声音就会嵌入到我的网页中。我使用 SC.record() 方法来获取录音。这是我保存录音的功能...
javascript - 使用 HTML5 录音
我正在尝试在网站中实现录音。基本上，用户应该能够按下一个按钮并对着麦克风说些什么。然后应将录制的音频发送到服务器以进行进一步处理。我知道您可以使用 Flash 做到这一点，但现在我正在努力避免这种情况
c - 用 ALSA 录音
我正在尝试“录制”一个音频文件，我读过这个 doc ，实际上我想在文件中将“采样”值记录为双倍值，这是我使用的代码(不起作用，我不知道为什么没有): /* Use the newer ALSA API

首页

博学

6Ren·AI

商城

javascript - 如何在浏览器上使用手机麦克风录音？