流MP3文件MVC3

时间:2012-01-18 03:16:18

标签: asp.net-mvc-3 html5 filestreamresult

我正在尝试使用音频HTML5标记流式传输文件。我已经将Controller操作放回FileStream并将其附加到src以获取音频。但是,当我按下默认播放按钮时,内容不会加载到音频标签中,也不会播放。我知道当我直接访问src时控制器正在工作。但是,它在HTML5音频标记中不起作用。

有谁能告诉我我错过了什么?

1 个答案:

答案 0 :(得分:7)

您不应该返回FileStream,您应该从控制器操作中返回FileStreamResultFilePathResult,如下所示:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult MyAudio()
    {
        var file = Server.MapPath("~/app_data/test.mp3");
        return File(file, "audio/mp3");
    }
}

~/Views/Home/Index.cshtml视图:

@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Sound Sample</title>
</head>
<body>
    <article class="audio">
        <header>
            <h2>Some audio</h2>
        </header>

        <audio controls>
            <source src="@Url.Action("myaudio")" type="audio/mp3" />
            <p>Your browser does not support HTML 5 audio element</p>
        </audio>
    </article>
</body>
</html>