仅使用Videojs录制音频-录制时不使用wavesurfer

<script src="https://vjs.zencdn.net/7.15.4/video.js"></script>
<script>
  // 在这里引入Web Audio API相关的代码
</script>

<video id="my-video" class="video-js" controls>
  <source src="video.mp4" type="video/mp4">
</video>

<button id="record-audio-btn">录制音频</button>

// 获取音频输入
navigator.mediaDevices.getUserMedia({ audio: true })
  .then(function(stream) {
    // 创建MediaRecorder对象进行录制
    var mediaRecorder = new MediaRecorder(stream);

    // 录制音频的数据
    var chunks = [];

    // 监听录制数据的事件
    mediaRecorder.ondataavailable = function(e) {
      chunks.push(e.data);
    };

    // 监听录制结束的事件
    mediaRecorder.onstop = function() {
      // 创建一个Blob对象，包含录制的音频数据
      var audioBlob = new Blob(chunks, { type: 'audio/webm' });

      // 创建一个音频播放器实例
      var audioPlayer = document.createElement('audio');
      audioPlayer.controls = true;

      // 创建一个音频播放器的源
      var audioSource = document.createElement('source');
      audioSource.src = URL.createObjectURL(audioBlob);
      audioSource.type = 'audio/webm';

      // 将音频源添加到音频播放器
      audioPlayer.appendChild(audioSource);

      // 将音频播放器添加到页面中
      document.body.appendChild(audioPlayer);
    };

    // 点击录制音频按钮开始录制
    document.getElementById('record-audio-btn').addEventListener('click', function() {
      mediaRecorder.start();
    });

    // 点击停止按钮停止录制
    document.getElementById('stop-audio-btn').addEventListener('click', function() {
      mediaRecorder.stop();
    });
  })
  .catch(function(error) {
    console.error('获取音频输入失败:', error);
  });