创建一个ASP.Net Core 6.0 Web App with Razor Page,只有一个按钮,点击后,在当前页面播放位于服务器test.wav文件,如何在cs文件中实现
时间: 2024-03-02 13:50:22 浏览: 135
首先,你需要将test.wav文件添加到项目的wwwroot文件夹中。然后,你需要在Razor Page的.cshtml文件中添加一个按钮,并在.cshtml.cs文件中编写代码来处理按钮点击事件。
在.cshtml文件中,添加以下代码来创建一个按钮:
```html
<button id="playButton">播放音频</button>
```
然后,在.cshtml.cs文件中,可以使用以下代码来处理按钮点击事件:
```csharp
public class IndexModel : PageModel
{
public IActionResult OnPostPlayAudio()
{
var filePath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/test.wav");
return PhysicalFile(filePath, "application/octet-stream", enableRangeProcessing: true);
}
}
```
此代码使用PhysicalFile方法来返回test.wav文件的内容作为响应。在.cshtml文件中,你需要将按钮与该方法关联:
```html
<form method="post">
<button id="playButton" type="submit" formaction="/Index?handler=PlayAudio">播放音频</button>
</form>
```
这样,当用户单击该按钮时,将会调用OnPostPlayAudio方法,并返回test.wav文件的内容。在浏览器中,该文件将会自动播放。
阅读全文