audio HTML5 タグを使用してファイルをストリーミングしようとしています。FileStream を返すように Controller アクションを配置し、オーディオの src にアタッチしました。しかし、コンテンツがオーディオ タグに読み込まれず、デフォルトの再生ボタンを押しても再生されません。src に直接アクセスすると、コントローラーが動作していることがわかります。ただし、HTML5 の audio タグでは機能しません。
私が欠けているものを誰か教えてもらえますか?
audio HTML5 タグを使用してファイルをストリーミングしようとしています。FileStream を返すように Controller アクションを配置し、オーディオの src にアタッチしました。しかし、コンテンツがオーディオ タグに読み込まれず、デフォルトの再生ボタンを押しても再生されません。src に直接アクセスすると、コントローラーが動作していることがわかります。ただし、HTML5 の audio タグでは機能しません。
私が欠けているものを誰か教えてもらえますか?
次のように、コントローラ アクションからFileStream
aFileStreamResult
または aを返す必要があります。FilePathResult
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>