1

I'm working on an online experiment (using the jsPsych library) where participants (each with a code number randomly assigned by the script) will record a number of .wav files. I then want to upload to the server with names that include the participant's code number and the item number associated with that recording. Each participant will be creating something like 36 different short .wav files.

It looks like recorderjs and recordermp3.js are what I need to record the audio on the browser side (see RecorderJS uploading recorded blob via AJAX), but I'm having difficulty finding the information I need to create a PHP script that will save a file of unknown file name.

Here's the relevant javascript:

function stopRecording(subjectID, item_number) {
    recorder && recorder.stop();
    console.log('Stopped recording.');
    recorder && recorder.exportWAV(function(blob) {
        var xhr=new XMLHttpRequest();
        xhr.onload=function(e) {
            if(this.readyState === 4) {
                console.log("Server returned: ",e.target.responseText);
            }
        };
        var fd=new FormData();
        fd.append(subjectID + item_number + ".wav", blob);
        xhr.open("POST","upload_wav.php",true);
        xhr.send(fd);
    };
    recorder.clear();
}

And here's what I have so far for PHP:

<?php
    $target_dir = 'audio/';
    $target_file=$target_dir . basename[$_FILES["fileToUpload"]["name"];
    move_uploaded_file($_FILES[“fileToUpload”][“tmp_name”], $target_file);
    chmod($target_file,0755);
?>

My question is very similar to Saving WAV File Recorded in Chrome to Server and HTML5 & getUserMedia - Record Audio & Save to Web Server after Certain Time but different in that I don't know what the filename of the uploaded file will be and I want to use PHP (mostly because I was told to). What can I use instead of "fileToUpload" in the php script to get this script to work for any .wav file that is sent to it?

In case you haven't already guessed I have learned everything in know about javascript and PHP in the last month or so, so please be gentle with the n00b. I have looked in various PHP tutorials and documentations but just don't seem to be finding what I'm looking for there. Code would be most appreciated.

MHSTHLM
  • 67
  • 1
  • 7
  • Probably use some kind of database. Iterating over the filesystem is maybe not that optimal. – Jonas Wilms Aug 10 '17 at 18:34
  • `$target_dir = “audio/”;` Those double quotes are not valid! Are you using a word processor to write code with? – RiggsFolly Aug 10 '17 at 18:38
  • To clarify, I won't be iterating. Every time the participants participate in another item, it will call the php script. So the script will only save one file, but it will run multiple times. – MHSTHLM Aug 10 '17 at 19:48
  • Re: double quotes -- changed. Yep, I don't know what I'm doing and I haven't found PHP tutorials that have been sufficient to help me do what I need... your recommendations are welcome. – MHSTHLM Aug 10 '17 at 19:50
  • If you are looking for a decent free editor, take a look at https://notepad-plus-plus.org/ or http://www.sublimetext.com/ – masterfloda Aug 10 '17 at 22:03

1 Answers1

0

First of all, you should add some checks to make sure you won't get post flooded. The minimal way to do this would be by making sure the POST comes from the same server IP (though there are several ways to spoof that):

if ($_SERVER['REMOTE_ADDR'] != $_SERVER['SERVER_ADDR']) {
    http_response_code(403);
    die('Forbidden');
}

Also, make sure you only execute this script when you actually receive a file>

if (!$_FILES) {
    http_response_code(400);
    die('File missing');
}

As for your filename problem: You are only uploading one file at a time, so $_FILES will only have one element that you can retrieve with current().

$target_dir = 'audio/';
$file = current($_FILES);
$target_file = $target_dir . basename($file['name']);
move_uploaded_file($file['tmp_name'], $target_file);
// why would you do this?
chmod($target_file,0755);
masterfloda
  • 2,908
  • 1
  • 16
  • 27