Я работаю над веб-приложением с ASP. NET Core, Entity Framework Core Wavesurfer js API.
Я успешно создал CRUD своего приложения, и он работает просто отлично, но в моем представлении Home Index я использую API с javascript, чтобы использовать возможности этого API, и, как говорится, мне нужно написать код javascript внутри моего веб-приложения, чтобы оно работало как следующее:
@section Scripts {
<script type="text/javascript">
var path = '@Model.MusicList';
console.log(path);
var wavesurfer = WaveSurfer.create({
container: '#waveform',
waveColor: 'violet',
progressColor: 'purple'
});
wavesurfer.load(path);
wavesurfer.on('ready', function () {
wavesurfer.play();
});
</script>
}
Как вы можете видеть, я использую эту строку кода:
@Model.MusicList
это paramatere i Прохожу через страницу бритвы с контроллера следующим образом:
Razor View:
@model MusicSurfer.ViewModal.HomeViewModel.HomeViewModel
Контроллер:
private readonly IHostingEnvironment _hostingEnvironment;
public HomeController(IHostingEnvironment hostingEnvironment)
{
_hostingEnvironment = hostingEnvironment;
}
public IActionResult Index()
{
string path = Path.Combine(_hostingEnvironment.WebRootPath, "music");
var model = new HomeViewModel()
{
MusicList = path
};
return View(model);
}
Чтобы заставить API работать, мне нужно загрузить файл .mp3, который хранится в папке musi c в каталоге wwwrooot, передав его путь в .load () функция. Но похоже, что путь не передан правильно следующим образом:
Как я могу решить эту проблему, пожалуйста? Есть ли лучший способ сделать это?