[Manyasha]

Добрый день!

Встала задача записать голосовой ответ человека, что-то похожее на аудио сообщения в месенджерах.

Использую mediaRecorder, все работает, все скачивается.
Но почему-то при воспроизведении не могу перемотать вперед (ни на страничке, ни на компе, после того как скачала).
На компе длительность в проигрывателе стоит 435 часов, хотя запись около 10 секунд.
В свойствах файла графа продолжительность пустая.

Подскажите, пожалуйста, в какую сторону копать?
Мне как-то надо самой свойство файла заполнить?

Клиентская часть:

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

		document.querySelector('#start').addEventListener('click', function(){
			mediaRecorder.start();
		});
		let audioChunks = [];
		mediaRecorder.addEventListener("dataavailable",function(event) {
			audioChunks.push(event.data);
		});

		document.querySelector('#stop').addEventListener('click', function(){
			mediaRecorder.stop();
		});

		mediaRecorder.addEventListener("stop", function() {
			const audioBlob = new Blob(audioChunks, {
				type: 'audio/wav'
			});

			let fd = new FormData();
			fd.append('voice', audioBlob);
			sendVoice(fd);
			audioChunks = [];
		});
	});
	
async function sendVoice(form) {
	let promise = await fetch(URL, {
		method: 'POST',
		body: form});
	if (promise.ok) {
		let response =  await promise.json();
		console.log(response.data);
		let audio = document.createElement('audio');
		audio.src = response.data;
		audio.controls = true;
		audio.autoplay = false;
		document.querySelector('#messages').appendChild(audio);
	}
};

На сервере:

$uploadDir = 'records/';
$typeFile = explode('/', $_FILES['voice']['type']);
$uploadFile = $uploadDir . $pass.'_'.$q.'_'.time().'.'.$typeFile[1];
if (move_uploaded_file($_FILES['voice']['tmp_name'], $uploadFile)) {
    $response = ['result'=>'OK', 'data'=>'../voice_record/' . $uploadFile];
} else {
    $response = ['result'=>'ERROR', 'data'=>''];
}

echo json_encode($response);