Question

我有简单的rails应用程序，我使用带有recorder.js的HTML5 audio web api来录制语音，然后将其保存在应用程序服务器上。录音正常，我可以重播录音和听到声音但是当我在服务器上发布时，我的音频文件是空白的。

html / js code

function stopRecording() {
            recorder.stop();
            recorder.exportWAV(function(s) {
                audio.src = window.URL.createObjectURL(s);
                sendWaveToPost(s);                  
            });
        }

function sendWaveToPost1(blob) {
            alert('in');
        var data = new FormData();

            data.append("audio", blob, (new Date()).getTime() + ".wav");

            var oReq = new XMLHttpRequest();
            oReq.open("POST", "/audio/save_file");
            oReq.send(data);
            oReq.onload = function(oEvent) {
                if (oReq.status == 200) {
                    console.log("Uploaded");
                } else {
                    console.log("Error " + oReq.status + " occurred uploading your file.");
                }
            };
        }

控制器代码

def save_file
    audio = params[:audio]
    save_path = Rails.root.join("public/#{audio.original_filename}")

      # Open and write the file to file system.
      File.open(save_path, 'wb') do |f|
        f.write params[:audio].read
      end

    render :text=> 'hi'
end

控制台日志

Parameters: {"audio"=>#<ActionDispatch::Http::UploadedFile:0xb61fea30   
@original_filename="1379157692066.wav", @content_type="audio/wav", @headers="Content-  
Disposition: form-data; name=\"audio\"; filename=\"1379157692066.wav\"\r\nContent-Type: 
audio/wav\r\n", @tempfile=#<File:/tmp/RackMultipart20130914-3587-tgwevx>>}

Answer 1

好的，我得到了答案。

问题是当文件进入时，它会将读取光标设置到文件的末尾所以我们需要首先回放文件以确保将读取光标设置为开头。

将我的控制器代码更改为以下内容并且有效。

      audio.rewind
        # Open and write the file to file system.
      File.open(save_path, 'wb') do |f|
        f.write audio.read
      end

Answer 2

尝试：

File.open(save_path, 'wb:binary') do |f|

将音频文件保存在rails中

2 个答案: