.net - .NET の WAMI レコーダ

Question

私はこのフラッシュ オーディオ レコーダーを見ています: http://code.google.com/p/wami-recorder/

.NET (特に MVC3 C#) で正常に実装した人はいますか? サイトに表示されるのは、実際のデモ サイトのない PHP の実装だけです。

また、誰かが音声録音のための良い代替手段を持っているなら、それは素晴らしいことです. ありがとう！

Answer 1

あなたがする必要があるのはrecordUrlとplayUrlをセットアップすることだけです

基本的な実装として、次のようなことができます。

@{
    var payUrl = "http://yourdomain/recordings/recording-" + Session["recordingId"] + ".wav";
    <!-- saves the wav file to local folder called recodings using a session value to make unique file names -->
}
<script>
        function setupRecorder() {
            Wami.setup({
                id: "wami",
                onReady: setupGUI
            });
        }

        function setupGUI() {
            var gui = new Wami.GUI({
                id: "wami",
                recordUrl: "http://yourdomain/home/Save",
                playUrl: "@payUrl"
            });

            gui.setPlayEnabled(false);
        }
</script>

ホームコントローラーに保存アクションを追加します

public ActionResult Save()
{
    Request.SaveAs(Server.MapPath("/recordings/recording-" + Session["recordingId"].ToString() + ".wav"), false);
    return Json(new {Success = true}, JsonRequestBehavior.AllowGet);
}

Answer 2

次のコードをページに挿入します。

<div id="wami"></div>

そして、そのコードビハインドで次のとおりです。

protected override void OnPreRender(EventArgs e) {
    ScriptManager.RegisterStartupScript(Page, GetType(), "setupRecorder", "setupRecorder();", true);
    base.OnPreRender(e);
}

RecorderPage.aspxなどの Web ページを作成し、html を空のままにして、コード ビハインドに次のコードを追加します。

private const string Path = "/App_Data/recordings";
private static readonly string FileName = string.Format("audio-{0}-{1}.wav", DateTime.Now.ToString("yyyyMMdd"), Guid.NewGuid());
private static readonly string Directory = HttpContext.Current.Server.MapPath(Path);

protected void Page_Load(object sender, EventArgs e) {
    string mapPath = HttpContext.Current.Server.MapPath(Path);
    string action = Request.QueryString["action"];
    if (!action.HasValue()) {
        return;
    }
    if (action.Equals("save")) {
        if (!System.IO.Directory.Exists(Directory)) {
            System.IO.Directory.CreateDirectory(Directory);
        }
        Request.SaveAs(Server.MapPath(Path + "/" + FileName), false);
    } else if (action.Equals("play")) {
        HttpContext.Current.Response.Clear();
        HttpContext.Current.Response.ClearContent();
        HttpContext.Current.Response.ClearHeaders();
        HttpContext.Current.Response.Buffer = true;
        HttpContext.Current.Response.BufferOutput = true;
        HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment;filename=" + FileName);
        HttpContext.Current.Response.Charset = "utf-8";
        HttpContext.Current.Response.AddHeader("Content-Type", "audio/x-wav");
        HttpContext.Current.Response.ContentType = "audio/x-wav";
        HttpContext.Current.Response.AddHeader("Pragma", "no-cache");
        Response.WriteFile(mapPath + "/" + FileName);
        HttpContext.Current.Response.Expires = -1;
        HttpContext.Current.Response.Flush();
        HttpContext.Current.Response.End();
    }
}

必要なすべてのファイルが正しくインポートされていることを確認します (buttons.png、gui.js、recorder.js、および Wami.swf)。

最後に、ページのスクリプト部分に次の 2 つの関数を含め、構成に従って変更recordUrlしplayUrlます。

function setupRecorder() {
    Wami.setup({
        id: "wami",
        onReady: setupGUI
    });
}

function setupGUI() {
    var gui = new Wami.GUI({
        id: "wami",
        recordUrl: "http://localhost/RecorderPage.aspx?action=save",
        playUrl: "http://localhost/RecorderPage.aspx?action=play"
    });

    gui.setPlayEnabled(false);
}