admin管理员组

文章数量:1323225

I'm using Recorder.js which allows users to create their own sound recording from their microphone input. I'm new to this so I'm using this site as a point of reference.

This code creates a downloadable .wav file: 

<html>
    <head>
        <script src="js/recorderjs/recorder.js"></script>
        <script src="js/main.js"></script>
        <script src=".min.js"></script>
    </head>

    <body>
        <img id="record" src="mic.png" onclick="toggleRecording(this);"><br>

        <img src="save.svg" onclick="saveAudio();">

        <form action="savefile.php" method="post">
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

This starts and stops the recording:

<img id="record" src="mic.png" onclick="toggleRecording(this);">

And this downloads the .wav file from the recorder.js script:

<img src="save.svg" onclick="saveAudio();">

I'm using this PHP script to try and save the .wav file to the /audio directory:

<?php

$save_folder = dirname(__FILE__) . "/audio";
if(! file_exists($save_folder)) {
    if(! mkdir($save_folder)) {
        die("failed to create save folder $save_folder");
    }
}

$key = 'filename';
$tmp_name = $_FILES["audiofile"]["tmp_name"];
$upload_name = $_FILES["audiofile"]["name"];
$type = $_FILES["audiofile"]["type"];
$filename = "$save_folder/$upload_name";
$saved = 0;
if(($type == 'audio/x-wav' || $type == 'application/octet-stream') && preg_match('/^[a-zA-Z0-9_\-]+\.wav$/', $upload_name) ) {

    $saved = move_uploaded_file($tmp_name, $filename) ? 1 : 0;
}

?>

Now, what I'm hoping for is someone to help me with a PHP script which uploads the .wav files to the folder /audio instead of having the user download the file.

Any help with this would be greatly appreciated.

I'm using Recorder.js which allows users to create their own sound recording from their microphone input. I'm new to this so I'm using this site as a point of reference.

This code creates a downloadable .wav file: 

<html>
    <head>
        <script src="js/recorderjs/recorder.js"></script>
        <script src="js/main.js"></script>
        <script src="http://code.jquery./jquery-latest.min.js"></script>
    </head>

    <body>
        <img id="record" src="mic.png" onclick="toggleRecording(this);"><br>

        <img src="save.svg" onclick="saveAudio();">

        <form action="savefile.php" method="post">
            <input type="submit" value="Submit">
        </form>
    </body>
</html>

This starts and stops the recording:

<img id="record" src="mic.png" onclick="toggleRecording(this);">

And this downloads the .wav file from the recorder.js script:

<img src="save.svg" onclick="saveAudio();">

I'm using this PHP script to try and save the .wav file to the /audio directory:

<?php

$save_folder = dirname(__FILE__) . "/audio";
if(! file_exists($save_folder)) {
    if(! mkdir($save_folder)) {
        die("failed to create save folder $save_folder");
    }
}

$key = 'filename';
$tmp_name = $_FILES["audiofile"]["tmp_name"];
$upload_name = $_FILES["audiofile"]["name"];
$type = $_FILES["audiofile"]["type"];
$filename = "$save_folder/$upload_name";
$saved = 0;
if(($type == 'audio/x-wav' || $type == 'application/octet-stream') && preg_match('/^[a-zA-Z0-9_\-]+\.wav$/', $upload_name) ) {

    $saved = move_uploaded_file($tmp_name, $filename) ? 1 : 0;
}

?>

Now, what I'm hoping for is someone to help me with a PHP script which uploads the .wav files to the folder /audio instead of having the user download the file.

Any help with this would be greatly appreciated.

  • php
  • javascript
  • audio
  • upload
  • wav
Share Improve this question edited May 29, 2013 at 14:07 James Craig asked May 29, 2013 at 14:01 James CraigJames Craig 6,86410 gold badges48 silver badges77 bronze badges 2
  • 1 Hi Enijar, Are You able to save the recorded file on server. How you did that. can you please share that code. Thanks – Talk2Nit Commented Jul 17, 2014 at 14:21
  • please share that code. – Talk2Nit Commented Jul 18, 2014 at 5:13
Add a ment  | 

1 Answer 1

Reset to default 4

I think you can't use usuall http file fields, because they expect a local path. You could try a upload with AJAX.

var req = null;
var url = "savefile.php";
var data = "":   // you have to check how to get the data from your saveAudio() method

(window.XMLHttpRequest) ? req = new XMLHttpRequest() : (window.ActiveXObject) ? req = new ActiveXObject("Microsoft.XMLHTTP") : req = false; 
req.open(method, url, true);
req.setRequestHeader("Content-Type", "multipart/form-data");

if(data != null && data != "")
{
  req.setRequestHeader("Content-length", data.length);
  req.send(data);
}

You yust need to find out how you can get the filecontent from your saveAudio() function and fill it into the data variable.

And maybe this can help you too uploading files with ajax

本文标签： javascriptSend Recorded Audio File to Web Server With PHPStack Overflow

版权声明：本文标题：javascript - Send Recorded Audio File to Web Server With PHP - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742081423a2419721.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。