NativeScript-Vue 中的音频播放器

Question

我有一个 mp3 播放列表，我想在 NativeScript-Vue 的音频播放器中播放这些音轨。但是，它没有插件。

不过，有一个 NativeScript 插件nativescript-audio 可以用来播放音频。

在下面的 Playground 示例中，您会注意到它已被用于在 NativeScript-Vue 应用程序中播放。

https://play.nativescript.org/?template=play-vue&id=83Hs3D&v=19

这可以工作，但是问题是播放器安装在mounted() 挂钩中，甚至那里提供了mp3 文件路径。但是，对我来说，mp3 文件是异步加载的，添加到 Vuex 存储中，然后作为组件中的计算属性可用。

如何采用此代码从计算属性中获取 mp3 文件，而不是在 mounted() 中硬编码？

这是此插件的文档 - https://github.com/bradmartin/nativescript-audio

Answer 1

我找到了解决办法。

1. 注意您的计算属性。假设它叫media。

2. 更改时，使用以下代码更新音轨：

   const playerOptions = { 音频文件：this.media， 循环：假， 自动播放：假 } this._player .playFromUrl(playerOptions) .then（函数（res）{ 控制台.log(res); }) .catch（函数（错误）{ console.log('出了点问题..', err); });