Как получить audio файл с сайта?

Question

[Stepan Sidorov]

Привет.
Мне нужно получить звук .mp3 (Т.Е. его содержимое), для того чтобы записать его в файл на сервере.
Для этого я сделал нобольшую страницу index.html. Там я написал скрипт для записи звука с микрофона.
Звук записывается, и я его даже могу выставить в тег на сайт, и он нормально будет возпроизводится.
И вот не могу никак найти, как мне получит содержимое записи, для того чтобы записать это на сервер в файл.

Для записи использую navigator.mediaDevices.getUserMedia,
создаю blob, и сохраняю как audiourl

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

На сайт звук выставляю указывая src:
audio.src = audioUrl;

Спасибо!

Answer 1

[Надим]

Blob - это и есть ваш звук!

Для его отправки на сервер нужно использовать конструктор форм FormData и отослать форму посредством AJAX.

На сервере потом смотрите глобальный массив $_FILES там и будет лежать ваш звук.

// Пример функции для отправки файла в виде Blob на сервер:

function send_blob_to_server(blob, url) {
  
  var formData = new FormData();
  formData.append('file', blob, blob.name);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', url);
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        alert('Запрос выполнен успешно, ответ сервера: ' + xhr.responseText);
      }
      else {
        alert('При выполнении запроса произошла неизвестная ошибка!');
      }
    }
  }
  
  xhr.send(formData);

}

// Для использовани функции первым параметром передаете Blob,
// а вторым параметром адрес куда надо отослать ваш Blob:
send_blob_to_server(audioBlob, 'https://qna.habr.com/q/846401');

Comments

[Stepan Sidorov]

Спасибо.
Но как получить сами байты (base64?) для записи его в файл?
Ведь текст в blob нельзя грубо говоря записать в файл.

[Надим]

Stepan Sidorov, с хера ли нельзя? Когда файл отправлен, он уже записан в файл во временном каталоге!

// Пример функции для отправки файла в виде Blob на сервер:

function send_blob_to_server(blob, url) {
	
	var formData = new FormData();
	formData.append('file', blob, blob.name);

	var xhr = new XMLHttpRequest();
	xhr.open('POST', url);
	
	xhr.onreadystatechange = function() {
		if (xhr.readyState === XMLHttpRequest.DONE) {
			if (xhr.status === 200) {
				alert('Запрос выполнен успешно, ответ сервера: ' + xhr.responseText);
			}
			else {
				alert('При выполнении запроса произошла неизвестная ошибка!');
			}
		}
	}
	
	xhr.send(formData);

}

// Для использовани функции первым параметром передаете Blob,
// а вторым параметром адрес куда надо отослать ваш Blob:
send_blob_to_server(audioBlob, 'https://qna.habr.com/q/846401');

На стороне принимающего php-скрипта в глобальном массиве $_FILES будет лежать ссылка на файл во временном каталоге, берете и перемещаете его куда надо из временного каталога. Почитайте в сети, как устроен $_FILES.

[Stepan Sidorov]

Надим Закиров, Фух. Вроде так.
Вот что приходит на сервер:

------WebKitFormBoundarydAOYJiDKAYrAD8bp\r\nContent-Disposition: form-data; name="file"; filename="blob"\r\nContent-Type: audio/mp3\r\n\r\n\x1aE\xdf\xa3\x9fB\x86\x81\x01B\xf7\x81\x01B\xf2\x81\x04B\xf3\x81\x08B\x82\x84webmB\x87\x81\x04B\x85\x81\x02\x18S\x80g\x01\xff\xff\xff\xff\xff\xff\xff\x15I\xa9f\x99*\xd7\xb1\x83\x0fB@M\x80\x86ChromeWA\x86Chrome\x16T\xaek\xbf\xae\xbd\xd7\x81\x01s\xc5\x87\x99\xa8`\x0e\xf1>8\x83\x81\x02\x86\x86A_OPUSc\xa2\x93OpusHead\x01\x01\x00\x00\x80\xbb\x00\x00\x00\x00\x00\xe1\x8d\xb5\x84G;\x80\x00\x9f\x81\x01bd\x81 \x1fC\xb6u\x01\xff\xff\xff\xff\xff\xff\xff\xe7\x81\x00\xa3A]\x81\x00\x00\x80{\x83uo\x03\xd8_\xcb9\n\xfc\xec\xb9\xf8\x86\x1fN\'\n\x02\xfd{\x82-9,\x16:g\xc3\xfe\xeb\xb7\xf5^\xb3\x9e\x9b\xe6u\x12\xa4\xa0fV%K>\xd3\x7f\xfb+\x02\x83KlrR\xed.\xd8xK5\xb88\xf2m\xac\x07!\x14\x11\xd1\x0c\xcbI\x96zP\xcd\xc42\x85E\xccbq\x8c\xb2\x92\xe3\xfbV\xfeX\xb9\x96)\xab\x08\x9a\x1d\x16X\x1f\xa8\xeb\xbd\xae\xc0_\xba\x0b\xa3R)x\xf0\xad\xbb0\xe1\xb4\xe0\t\xa1\xf2\x8dh\x8a \x81\xec\xfe\xd9\xf9\x93\xd5c^8\x95\xc3\xffn\x98\xf8\x9c\xacu7\x8c\x05\x18@\xca\x0c\xbe\xb4\xa2\xa1\xb6\x06{\xe5Sr\x9d_d\x08\xd3\xe2Wok\x1aT=y\xdcU\xe3\xe6_\xd3\xbb\xb4\xfb\xc2\xa2\xedh\xf3m A\rW\xabV\x11\xac.4\xb6\xe1\xefB\x0f{\xdb+\x8a\xa8\xbb\x1b\x96Qe5\xff\xcb\xf7\xa8\xeb\xee\xcf\xc3\x01I+P\x1e\x10^\x89X\xe0LA\tcZc\xa6\x7f\xfc4\x99\xf2N\x80\xe9<w\xb5\x81V^\xde\xdf\xd6\x9ckJj\xd75\x06%\x86\xeae\x85\x16!\x90\x9c:\xc2{\xacb\xbde\xf9\x80W1\xb0\xba\x1c#\xb5\x99_J\xb0\t%r\x97\xc6\xba\xf3.\xe7\xdc\xb4\xa8\xdc\xcdu=\xf3\xecj\x03\xfdG\x94\xaa\x1f\x8bv\x91\xf5z\x85d\x92P_w\\[_\xa6S\xea\xd6\x0f|\xa3Aa\x81\x00<\x80{\x83uq\x87\xedD!\xf2\xbf\xb4\xdb\x9a\xd5/LM?\xf1\xfdx\xa2~\x8d7\xd6\x9a\x07\xebz\xa5\xc1\xff\x02\x18s\x85J\xcb?Lc\xc87i\xc9IX\x7f\xb0\xac\xa8\x94r\xabb\x0f \xf0\xe6\x97\xaf\xd6p\xddW\xbe\x00\xea1\x7f\x1e\xb8]\xcdz\xf7;\xce\xa7e\x0c\xe6\t=\x7f\xc0\x89EJ\x97\xd4\x82\xf9\xba\n\xad*\xea\xeaJn\x19vr\x9c\nnZ\xc2^\xe2#\xf0\xdd\x8au\xd2(3Q\'\xc7Z\xc1\xc5\xb4`\x9bg\n@\xeb\xca\xd1\x99\x17\xb9\x88\xa4)^\xfe\x94\xd3+hU"\xa4\xdf8x\xd6\x87\xe2O\x02\x13\x16i\xea\xdd\xd0\x10\xe4f]\x9a\xa7C\x91\x16\xfe\xdc\x13\xeb\xe3\xf3\x10\xa3\x1b\xc3#\x92\x82d\xa4,\xde.\xed5\x0b@\xf9\x16\x9dp\xe8C@}\x9e\xe9\xf2?fST\x1bM\xee\xeaJ\x1a\x02\xe8\xfc"\xac\xf2n>\xef\n\xfe\xe3\xa6\xde/\xcc\xd7Y\'\x95,\x02\x075\xd1\xff&Pm\x97Z\x0c\xaa\xef\xa4"<Eg\xd9\x10\xb8!\xed#\x17\xa4\x08\xcb\x97\xd2\x1aP\xee\xe5\x8aJ\x14\x06\r\xd0\x0b\xa9F\xc0R8\x83\xd9\xe4\xee\xdb)#\xf8\xda\x99\xfeL\x01\x95w|6\x9eU\x9b=\xc3\';\xee\xa3\xf1\xe6\xf3C\x90\xd8\xc8\x9d\xf8i\x02_\xd6\x1e\x11\xff\x81_\x13\xb4BC\xedl\x11n\xf7Ba\xf3\xd6\xe9\x04\x1e\xe4\x93\xda\xbe\x0b\x98\xa3AX\x81\x00x\x80{\x83ot\'\x12\xdc\xa8\x169\xb7J\xd6C\x06\xb3O\xaf.V\xc5\xb9Nx\xaf\xa9+M\xb6Y\x87\xa1\xe1\xcek\xf0\tr\x19]e~K\x87=n\xbaV\xa1\x18\xcbM\xa5\xcd\xa4\xfag\xbd\xec\x0e]\xd8\xcd[\x901(k\xb8\x05\xa8\x0f\xec\x19\x02w4\x11\xa9\xc4\r\xf44\x8e\xd3\x85\x96\x8f(\xb4t\xf9\xb0U\xd8\xb0*\xe6\xec\xe4\x18\xd1w\xe1sp\xf8\xc7\xd0a\x8f\xab\xbf\xe0S!\xf2)~ \xb8B\xbf\xb5\xa3\x1d9d\x18\x03H(Q\x8b\xac\xe7\xf3\xb7\x17\xaf&d\xe3\xb0\xf4\xdb\xe0\xc1\xd4\x02\xf0S\xc2\xc6BQ\x07T\x8e\x8eS\x0cUI\xf7\xac \xf2\xdf\x8f\xe3\xde\xbb\xbc\xa0\x80UV\xad\'\x88$#\xe1\x98\x83`\xf1\x8ci\xf2v\xc6m\x83e\x01\xe09\x18\xa8\xae\xc3O\xc9\x1c\x08rn\xba$\x01\xf2B\xf2h\xc9\x10\xb2\xdd\xfe:`>\x89X9\xc8\x8ek\xc2!f\x08|\xc9V\x04\xfc\x04\x8a\xdc\x8b\x05l\x03\x1e\x98\xbe\x96\xc4\xaa^\xcda\x91\x0e\xb8\xd2\xd9u\xfa\xbfw\x87WY\\S\xd2\x9bY\x99\x07L\xe5\xdd\xb9\xd3\xcf\xa8\\\xb8A\x14\xff#\x1c\xabp\x9e<\x13\x05\xf7\xc6\xa2\xccPQ\x8f\x0cS\x94<\x85\xd5\xeeE\x01\xeaX\xc4\xf7\x1fu\xb05\xe7R\x01w\xdft\xa4W\x12\xba*\xd2\xe4;\xe1\xc4\x8f&}\x8b\xdb\x92\xa3AY\x81\x00\xb4\x80{\x83hl\x1e\x9f\xf2\xa6\xae\xea<Qb\xed\xf1\xbb\x1e\x87\x1e\xe1?V\x11\xf1\xd6\xf5\x86w\x8e$t\xd4\xc49\xea\xba\x13\x0e\x0en\xb4{D RSQ{\xe2\xb6\xeb3c43j\x150T\xc9#\xa2\xb4F\xed\xc1^"\xb7-\x89U\x99\xad#\xd8<=\xe52[X\xa7\x8chA\xd6\xcc\x06\xa6F\xb2l\xe7/\xd0\xa6Zx\x0f5\xacl2\xca\x93\xcaz\x1e\xce\xc9\x01\x1d\xd7\xb0\xa0cGiIw\x84/^\xa8\xc4\x8fk|a\x8b\x823~\x88V\x12\xe1\xd1\x81\x0bL\xaf\xd1\xa2\x969\xba\x895\x11\x1e=AU\x9e\xe9\x12\n\xf6\xab\x94\xf5=\x02\xcd\\t\xa29Ssp\x8e\xea\xca\x95~7\xeb\x8c\xda\xb9\x07DZ\x8bOC:\xa8\xd5k\xf4\x92\x8e\x8e\xf1\x18\xa3\xf8\x949\xe8\x9b\xe5\x9ejcX\xa1Z\x1f\x97x\x11\x1fT\x93\xd1\x03\xf3\\8r\xf4\x89\xfb\x15>\x84\xa9\x13]w\t\x00\x0c\xa4\x9b@\x8f\xfe\xe9G\xb0\x7f@14\x0f\xae\xb9\xe9)xW\xd9\x11r\xf7\xbb\x1d\x1bH\xa2L\xebl\xb1\xeb\x8ey\x7f\xd1)\x11\xf6I\xe2\xef\xdf\xe6\xd0\xcf\xa4T4/\xdf\xa3\x83N\xd0{\x9b\x04\x9d\xc6\xbd\xc2\xd6\xf4\x1dD0\x88&\xa7\x1c\xf8_\xa6\xc4{\xcd+5\xd2\xf7\x9e~\xfeo\xb6\x0f\x86\xce\xe8\xb3\xf4#\x8a\xda\xa3\'\x94H\xae\xcb\xda\xa3A\x94\x81\x00\xf0\x80{\x83\x80\x82\x87H:\xfe\x182O\xc4\xec\xd1\xc53F\x8eA?\x90Jx[\xb0)Q\xb5^\xc6&\xc2\xa6.\xdf\xf0J-\xce\x96\xd3(\x9am\x96\xc9)nw\x02\xb99\x9d\x1c7\x1c\xeccO\t\xfeS\x9eOX\x04\xcbo\xa9P\xe8z\xfc5\xcdO\x87&\x88R<\x9f\xec:\xb0\x8d\x0cr\xf5\xa3\x18\xb1\x13\xb4\x92\xd6\xb26\xa8\x9b\x87N\xd4G\xdeO\x80V\x9aU\xf1\xa6\xd2\xe4\x1c}\x14\x1e\xc6\xd361\x05\x8b\xbf`\xda9\xaa\x08$\xbc\x87\x9e\xba\xbd\x93yA\xac:\x00\xd8\xa1\xdb\xe3\xb7\xe3\x8c\x13\xd4\x15\xd17\x14Z\xd2\xf2\x87B\x14\x95\xfd4\xd7~\x7fY\x93\x8a\xd8f\xb8\x95\x8f\x86\x9a\x16\x04\x11f\x86\x18E\x80\xb8!\xb6e\xe7s\xbf\xc5@;k\x8d\x91jB\xcdkr\xf6\xa0]\x8c1\x87\xe0\x17\xd7J\xd2\xda\xbd\x88w/\x9c\x96\xaegh\xe7/;\x80]\xd5Q`\x0b\xb3\xe1\xc7\x89\x12\x1ava\xa1\xdd(\xf8\x03\xd3\x13\xd3&\xe2"&\xf0+\xc1\xb2]w\xc8\xe5\xd9\x88e\xbe\xd0\xd3\x8c\xd5?E\x892\x9e\xa8G\xb0\xef\xf5\x02a_\xe4K\xf9\x87\xc6z\x8d3\xb1\xbfy\'\xccn\xeena\'\x90\x02|\x00\x84\x8f\xbcV(k\x88\xf0\x8f\xcc\xf9!\x89`\xf2s9\xd8\x91\x03\xe6\xcc\x1f\xf5&I\xbaM\x8b\xa4\x8c\x9f\xd9\x07\xeds,\\*\x1b\x10\xad\xbe\xec\\!G\xcbq\xed\x8e\x00\xbci\xb2\xb2\xa6\xae\xf6\x13\x10d<\xcb\xd1\x16\xb3a\x0c\xa2\xa1\xf1\'\xca\xa0\x1a_\xf5\x08nd\x00\xdeD:2\t\x91fX\xd0\xacH\x8f\xf3\xf4\xa3A\x91\x81\x01,\x80{\x83\x81\x8e\x88\xcd\xbev/\xe9v\xd1\x92QW\x1b?\x05\xd1\xcd;\x05z\xa0\xac\xf5\xd5\x08\x0e\xc8\xbb\xc8\xad(d*\xccP\x8fF\xb5\xfcfW\xe2\x00\x9d\x8d(\x15*#\x8c\x17\xc8\xc8\xeaf\xa1\xbf"\xe9\x7f\xc0X\xf2\xb6\xce\xefR4\x84o\xdf4\xf5p\x9eo\xbc\xa2a\x03?\xfe\xd4\x89\xc6\xd8C\xd5\xbf\xbal\x19\xb8\x02\xf5\x01\x92QF\xbb\x9b&6e4:\\\xa5mDG\xf1\x07\xeb>.f\x9c\xc0-/\xcfD\xf9\xe0\xf2\x05P\xe8\xc5\xbd\xbd\x88\xc8\xa1\xd4\x0c\xf04\xa5\xb5\xbe|B8\xacx\xbfEoo(\xe2\x1c\x97\xe9\xcc\xd0\x7f,X\xd1\x1f\xca\xcd<Q\xcd\x95T\xea\xebw\xed\x1d\xad\xea\xb2\x0e\x14\x1b\xc1v\x0ekoUg\xdc\x8d\xfa\xb50\x81z\xd5e\x95\x08\x8d\xd7:^\x1bZk\xf0\xe4\xca\xf5\xbas}\xdd,q\xab\x16<\xafK\xd4\x9b=\x86hn`\x9cQJ.\x9c\x04\xb6\x9c\x8a4\xa2\xa8\xa0\xb8\xda\xf5\x16\xd2\x16\xe4{2\xd7\xa2[H\xd1\xae\x94\x00<3\xf1)?\xe6\xf7BhM\n\x8e}\xcd\x89\x84M\xdb\xc2\x9e\xc8\x18\xc4\xf1\xf0\xd5\xa4\xbb\x90\xebq\x9bn2\nu\x9f5\xe2n\x0bE\xd5DSr\xe2\x94jy0\xdcs\x17\xdew\xc1Q\x8c\xeb"\xf2\x1c\xdb\xb3y\xa5\xcb7\xf1\xc0q\xa2\x9c\xe6|0/O\xbd\xd4Zr\x15\x0e9I\xd7"\x8c\']\xfa\x85\x81g\xb7\x0f0\x06H\xe8\x84\xc6x\xf5@M\x11\x1bA)\x05co\x1e\x18*\xf8\x8f\x96\xef\xda\xc0\xe8B\xadztD\xe4\xc7+\xfaLD\r\n------WebKitFormBoundarydAOYJiDKAYrAD8bp--\r\n

Это чистый звук?

[Stepan Sidorov]

Надим Закиров, Да, все передеается. Спасибо.
Только вместе с звуком передается и вот эти строки

------WebKitFormBoundary2JeILqfGjVOaYKNb
Content-Disposition: form-data; name="file"; filename=""
Content-Type: audio/mp3

[Надим]

Stepan Sidorov, в массиве $_FILES что лежит? Покажите print_r($_FILES).

[Надим]

Stepan Sidorov, возможно ошибка у меня в коде. Попробуйте так, с указанием кодировки:

// Пример функции для отправки файла в виде Blob на сервер:

function send_blob_to_server(blob, url) {
  
  var formData = new FormData();
  formData.append('file', blob, blob.name);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', url);
  xhr.setRequestHeader('Content-Type', 'multipart/form-data');
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        alert('Запрос выполнен успешно, ответ сервера: ' + xhr.responseText);
      }
      else {
        alert('При выполнении запроса произошла неизвестная ошибка!');
      }
    }
  }
  
  xhr.send(formData);

}

[Надим]

Stepan Sidorov, на стороне сервера для получения файла из массива $_FILES попробуйте использовать функцию move_uploaded_file() возможно он сможет убрать все лишнее из содержимого. Я в этом не уверен, просто предположение, с php я работаю редко, поэтому надо проверять на практике.

[Stepan Sidorov]

Надим Закиров, Я могу просто посмотреть файл :/

[Stepan Sidorov]

Надим Закиров, И вот что в нем:

------WebKitFormBoundaryZk32pQ4PDw2g43Cq
Content-Disposition: form-data; name="file"; filename="blob"
Content-Type: audio/mp3

EЯЈџB†ЃBчЃBтЃBуЃB‚„webmB‡ЃB…ЃSЂgяяяяяяяI©f™*Ч±ѓB@MЂ†ChromeWA†ChromeT®kї®ЅЧЃsЕ‡ХНЖL E‚ѓЃ††A_OPUScў“OpusHead  Ђ»     бЌµ„G;Ђ џЃbdЃ C¶uяяяяяяязЃ ЈAўЃ  ЂыѓЫ^{чЎш‘Љу&zI„я†JЩ™b.й›Hz” ‘9·w2РR…–Юд6гџГґORБ€ґ,єb~цgћ8Юxбш—kФѕД{ьйЁж мEHѕ%YютюZнГ©E~ўdб—2-Cр<фЎhиBRR&NК«ЩХЎv#чЙCVЬPЭк™WS©ИWxLu3	шФvэP}ќцыґЄЇё3ҐaЪщ막7 CВтЎ>ёЇ^p^а5?“эйМkїB uO_"¶`›?э/@o±“ВЭK>©бRх6е™YљU—Kъ|59f4`М,СЗт°ЪЃdхЗИ©џЃЂ„"JЄEеЙЃ“є…g
N1зrКК8F{Q[mУfбБї†EЧ{_2kвч‹jЩgd@sгэ”gІ,Ьfс4ls№Р4Рзняo8єАТ•Яи{'КЂЧРу[ДДpЮ’М¬"ЕиЉб%`ыЌ<гК@PY1PoшЩV№ыћ‰“Њщж¤XqHFъИ±ЈAjЃ ;Ђыѓd@!? За=jрЄQD'?a±€ЪАпMыУ{D(ћ‡ТЯ8ў
Ђ¦H(і:Н?d$јeЩ\е)Т‰С(iБнЋA~ПОNKоўт]Ує%’3п§zЦ#:aЌ2—4i¶
ќiRVNрфXљэцт…aФ
bGR6lЅЯл¬G&ќUхqШ¦gZ{9Ф™КЬузичхA/Ќ.ЄсЏ_’DЎ“»\7‡ ™”ЌШћ]`eБ
\.U€eя’‹Я±†<»›тЮ¤#MNХbri+k^ј·OљJЁЫ&э6нЗ~Ў'·ѓ?/uкM}~ЕНY{мЖRb{ЛфщU‘9џ~Ї^W™L}0а:Ц\'uфчqЦ\ g‘їCЩЫ–xк0БЎZ–
Йфё™і‰сDj»Lg	ґЮзu±тДNEC›}nм4ёBЭБАj-tЃґы±©ы^‹9i%ЈAѓЃ wЂыSбЗ+Bя!etkMeј€jўаЦ°ЉллЦq‘»<ыК’уС„Љњµ€EgЊ‹У=	0tјЮ\„‘рв )¤Сqw¤е¶О‚Т=п…і3R“,ЛбрjфЗт"№*?‰«ёИдPAЮждфеь^§Ш…;†уСџPјюж|ЦМ­и‹[–ЗЁЃH
gСО	}uуO№уVSЧс»ccv[0 Ќњ
+Г0щl%4„†™ЕJУЎ1ґ[аwФLwвq]Ff{5ТТѕу-L=`<щяѕ;ш	ѓg'4=љфJ(#Зг‰9±Рпvsѓ­ИЋ¬л…Ґ[ч»;±п‡E1n{{6‡Ґ†•’ЬЫОъяt¶Ѓ%єђ;]…Єj ЗІ  wњЫЧ>=!@j©G
vъЉУw­Џлcз”5fЏxОLеЖ'ф†$y[›aYЃНqR•»S‡5OЊ–;¤D‹$ПђюЮ—пM3	Щ±±їPЦЬ"ЈA†Ѓ ґЂыѓЌrD7U©ѓSј`bђgау#‘Р„NЏW%ґчYunЙrHЉ®g”^Л?µў—FЁ'[щg)ПфXXљъZАЧј%FR&WHэQ·kју‹9Єќ‹†нїХ”и:fl†qцб-‰CзОПq=Й Љ•©Zf|Q’T”†QzЇ0П СјЯ]!­iВГыXCОйЌ…MСГЌЋР<u›№†ЗМq„Е3&$УУ:Ъ[TўОVґЧнђґКЕИР©ВШ
гћ»#„ ЛШi…0Љ:Ел:®8љ¬Л©Ж#Ч,«ЎЗу)‚QЇyТg¦jЗchxi5Х€-¶`€„юЏk:Qpа©j…sE=¤ћ`„Ц№ogz­–‹Ѕ]'Р‰ >6цзiF%{·‹VW,€T ^ьс6Ѓr3›P§¶(’¬6чШ
ХЦc%qЬ¶8«7ЪНЩ0·A%+ЌхСйќ†Џ&2фЄ¬ШW/µWgЏВЊЃУ п—[с‡дЈAѓЃ рЂыD2КG>Л…“z<&3дВ$&ьдУпaьz5@mW+2‹ЬNЏ°кsLЌ^vУЙ ‚lvu'^*rЕ4€;=њяRѓте)d®ГыЁ/зЩ‘жР/H«ЉпЈ’)6P›Ыj{Ѕ&сIИГђЕ„d=_цЖvt*#ЅЫo@wЋцiЮ^Ќ–':§’|AbѓwЄ&ѕ*]SЛІ
"(pЂoIZ§W$ ь’[ыA^p8ёАјСЫМнЖ›џH­Qw&•:KЦs;а*кз$	я»bhuВйЈ*gW†И{{ФЈС/tђ¶иєдц a-AЦJmЏІд‹Xv·;„феJIP€kBљ"ЬZїvVяё(зїvуШ:dW)g¶ЗіVqЫ»±#ґЊшє6ЕКњв$Х$ёЅUbLu	№X'—8Уw›жµРЦО
Wls' бЭЖше‹lѕљјa±pFDЭztФ.6ЖC=QB›ґђZЧШd7Фdн@‘лDэd—?Й•ОЈAѓЃ,ЂыCШџ4аKЛ%ћ3ЯФєKЦG†я  ‰ЕµJ¦Ю‚ютЧў$ЫБњp@2ИhХіdб™Ј$П°*g?bш№ДлwЛѕBҐ]VТщkSъжу.пї¬ЄПv„°’”}щќnH…€,f"з46Пџдї‹j}‡OnЌНPvИ•vъЭћЦy;БчеdЩйlё9„фB4џ•НdН„*ј3-З^»uЄ}·
 M б:qXзьќЕ§ИЖ1“7ЧэТvЂ№І)nwW=Ч6МУyЪ‘KMє0Gлa@«e№щeUоС,УДXўb*дБЖњшеЛг@yЯ5`СФвПMеАД|Љ‚«*Ћbъ†€^AВ|иЮkСr^dDа°_]іz©QНК±O@	щвћL‡C.E3hOтor«aБpб‹ЏЉgБ™O[Е`ѓц±дьрQ“Н±ї'ЗБ‘H4ниФР'jnы\Y·…ќГвАЈAѓЃhЂы?’Ьъ)ЗаЖeлщWљvоЄ?j±z€›.”їћжЃў
_Q|<psЫМ0~†TF\ЃiЇСx\wхкv€i&ВrT>M1Ё№-XAFНJbчYZХм9[„0B;]RЮтЩ• 5ќыЦ@щЊёTўЖэX\Hю Л°Й~`.©R+]!шpiљB%ьV›Ќ#іhbвхyГЌѕK¶ї1»Лш‚;€¦Ќ{0YТКл±џR~І»ҐГчеN”#EUnё
ЇЪ¬Ќў'[ђџdо4Ы])ЭxПЗ‰Ь4Ts[ЙохggцO&xЈУЧЅчу=3L;ЄЊ°cHxѕD?{Ї-њЛWPR9М:?ёЎ	2ЖLЂ}€шj‰Эм…у€"гзёPCЛ”¬Д];mНЇЁхОЎA.6V*ьm‚OX Н±ф>…AWПv&юћTN/’р$Њm«ЇLЧ­ДFОxN©4н}ь€еI^Џ_Гж.-Ђж.Ы`с4Ѕ {ЈA‡Ѓ¤Ђ{ѓћqтoЈ…^Ё%UІN]Іґ’3] ­рЬMDAљ
g#•Zqzв¦БU’4xB_ђдк9Ѕcy&1hХќµ «тН;Єфс¶нЎ]Фдб VCЊK&вД=Шµ^€Т„…oхчм‘KсqЧ‡¶Є’MCт h±ЅЛ¶эgC•¬эФ±еріv™[•“€¶,D%Lжцґv#[>Пњћ9|©L§O>yVЖСOYЪ]MЂыЗЃj+%Ѓ`ьа°ащЗЉК.¬Т
“`іЉ2ъBв…sН^ъ­!ЮNљ:¤J\wЎ,№.[0ЙєЦyЦњ{/yPҐT6HЄЉА
СЗt`
ЭWTi
їqЬ†шјйЃ
D№ФТS6цw_”Фzk]WбгЩоЏDr/UЕАKђрЈvGх<s
6ѕiК¦”тЭьsщ±*¬ЗЙ€њс…ЫБчхzѕ
рµЯ/ўмы.ЋДR|DЎ|°_l‰Щtb¶SЕњ	њRђ0…“ЈA6ЃаЂ{ѓjd†ПБчNf”Д„,фЩ.И$V7дк!й7ИUћ»‡ёѕЭ8jЬ›xєj–М›GЏTYwљі>
)C(c)PЗC,ЭEЌHoMП¶єDaї@хЗвњдWFOХ(Zq*{KQXF„—OЊ
TЕщнє"^IєйSщ–Y	І*Ъє…¶Ўw|©;А	КQ2ыЩ'"оЗ—%ыІЏщіCђµҐДшwЉПт+ыXГf Йѕ=n`•rґМрд]°х2O
dЃIE‹ћмѕи’
Ѓ»°ҐХЂ=ХИDGa*А„яIWybЫdё…Ґ‹°Ўx1L'!*!йЮКo»ц»–'jЬ<ЋЁp›g8а  &їђ>D№РјвґNЙ'Sp•2—’њЫ—AKЖґcwЈA4ЃЂ{ѓdeЫ7xw©.Ъ*ѓ”_ыbлщ>qо[©Є„NТжзќпT}o0ѓ<Вє®УBЕ2O»эЄЛеЂ'Ъ”™	uї§>юPўCі}pЦ&Пxџ4 PЗ1Ґ8б7Ѓ.§ш§ЅЈB у$lџ%uЩ7ЊЭ*олЪЙкWхаґ®н-џ§HЁХbГ3ІЩQ|M‹нюлЫ‡ёУХµє¦<?ТјЖ{ЃLѕЉжиwwуX5ґ±џывк¤шHx¤OpЂ7’%G‹Ъ*R°ЪHJе»ВИОO+VЇШ?мg>ј’ЗCЧ†}Жщtъ[U‡%>щKРQЄЦvohн§¦;Gэ§І#T[EdњAаEЈc>ж'NЗLОzv¶кV 7
:ЯC·з.IDЏ…[+gЈAgЃXЂ{ѓc†сµIO¦IЁPлНiнё'ЩDы±Ўgв№ZҐэ€"•Н[tqaЯ
•‹
НЁM‹N.cІє{іЭnЦtъ eRЧ`| bЈ~#Ѕ4уФшцњлйФеУ†	§Ўђ.пя Ђ[тQ<*ПбтэцEгD>—WКЯ+јQ‘ЭЌ+цN?n‘ы;$ёї2$?l1Њ†Y#РђoµНшЎІ	XL hщж>ґ§щ}Мu#Ая{{оЙ DЙ,z;;УЛgВ‹ЋъњиЉ>p™$—спфВmlВї—sШф‡¶№д‡Ч°#сoЕЇкэѕжpCЉTђ…шџ”ЪтЛ]„¬ђr$¶‘ьОNИ¤Еґ_HМН:И9|`SшИкf(€цДпґЊ5ДћУ¦›4ЋЯ©¦/ВПК"T¦„sm+q“шєq«mwHЙ}k›Eо‡^\П?
Ў*Ї±y
------WebKitFormBoundaryZk32pQ4PDw2g43Cq--

[Stepan Sidorov]

Надим Закиров, я просто их там получаю, и записываю ;) Думаю поэтомутам такое

[Надим]

Stepan Sidorov, а ты попробую не просто открывать, а переместить файл из временной папки куда нибудь при помощи move_uploaded_file, а уже потом перемещенный файл пробуй открыть в любом mp3-плеере.

$uploadFolder = "test/"; // Папка для перемещения загруженного файла
move_uploaded_file($_FILES["file"]["tmp_name"], $uploadFolder . $_FILES["file"]["name"]);

[Stepan Sidorov]

Надим Закиров, Ну это PHP. У меня сервер на django.
Вот такой вопрос, можно ли взять содержимое файла, и отправить по JSON?

[Надим]

Stepan Sidorov, т. е. вы хотите текстовое содержимое получить на стороне браузера а на сервер отправить не файл, как таковой, а просто этот самый полученный текст?

[Stepan Sidorov]

Надим Закиров, Да.
Я уже сделал.
Использовал fetch, и formdata о котором вы писали. Все работает.
Только там проблема с самим blob, почему-то он не сохраняет длительность записанного, Т.Е. я открываю звук который в итоге получился, он проигрывается, но почему-то не высвечивается полоска времени :\
Ну это я думаю уже в другом вопросе спрошу.
Спасибо!