php html录音（php录音并上传）

要在HTML中实现录音并上传，需要使用HTML5的MediaDevices API和FormData API。

首先，在HTML中创建一个录音按钮和一个音频播放器：

<button id="recordButton">开始录音</button>
<audio id="audioPlayer" controls></audio>

然后，在JavaScript中使用MediaDevices API来录音：

var recordButton = document.getElementById('recordButton');
var audioPlayer = document.getElementById('audioPlayer');
var mediaRecorder;
var chunks = [];

recordButton.addEventListener('click', startRecording);

function startRecording() {
  navigator.mediaDevices.getUserMedia({ audio: true })
    .then(function(stream) {
      mediaRecorder = new MediaRecorder(stream);
      mediaRecorder.start();

      recordButton.textContent = '停止录音';
      recordButton.removeEventListener('click', startRecording);
      recordButton.addEventListener('click', stopRecording);

      mediaRecorder.addEventListener('dataavailable', function(e) {
        chunks.push(e.data);
      });

      mediaRecorder.addEventListener('stop', function() {
        var audioBlob = new Blob(chunks, { 'type' : 'audio/ogg; codecs=opus' });
        chunks = [];

        audioPlayer.src = URL.createObjectURL(audioBlob);
        audioPlayer.controls = true;

        var formData = new FormData();
        formData.append('audio', audioBlob, 'recording.ogg');

        // 发送formData到服务器进行上传
        // 使用XMLHttpRequest或fetch API发送formData
      });
    })
    .catch(function(err) {
      console.error('无法访问麦克风', err);
    });
}

function stopRecording() {
  mediaRecorder.stop();

  recordButton.textContent = '开始录音';
  recordButton.removeEventListener('click', stopRecording);
  recordButton.addEventListener('click', startRecording);
}

最后，将formData发送到服务器进行上传。你可以使用XMLHttpRequest或fetch API来完成这个任务。以下是使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log('上传成功');
  } else {
    console.error('上传失败');
  }
};
xhr.send(formData);

在服务器端，你可以使用PHP来处理上传的音频文件。以下是一个简单的示例：

<?php
$audioFile = $_FILES['audio']['tmp_name'];
$targetFile = 'uploads/recording.ogg';

if (move_uploaded_file($audioFile, $targetFile)) {
  echo '上传成功';
} else {
  echo '上传失败';
}
?>

确保创建一个名为"uploads"的文件夹，用于存储上传的音频文件。

这就是在HTML中实现录音并上传的基本步骤。你可以根据自己的需求进行修改和扩展。