ブラウザーで録音、アップロード

こちらのプログラムを参考にしました。
addpipe/simple-recorderjs-demo

PHP ファイルを改造して、work_dir に wav ファイルが保存されるようにしました。

フォルダー構造

$ tree
.
├── index.html
├── js
│   └── app.js
├── README.md
├── style.css
├── upload.php
└── work_dir
    └── 2021-12-07T03:01:49.170Z.wav

インストール方法

git clone https://github.com/addpipe/simple-recorderjs-demo
cd simple-recorderjs-demo
mkdir work_dir
chmod 777 work_dir

改造した PHP ファイル

upload.php

<?php
print_r($_FILES); //this will print out the received name, temp name, type, size, etc.

$size = $_FILES['audio_data']['size']; //the size in bytes
$input = $_FILES['audio_data']['tmp_name']; //temporary name that PHP gave to the uploaded file
$output = "work_dir/" . $_FILES['audio_data']['name'].".wav"; //letting the client control the filename is a rather bad idea

//move the file from temp name to local folder using $output name
move_uploaded_file($input, $output);

?>