vue.js - NativeScript-Vue 中的音频播放器

Question

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

但是，有一个 NativeScript 插件 nativescript-audio可用于播放音频。

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

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

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

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

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

Answer 1

我能够找到解决方案。

注意你的计算属性。假设它被称为 media .

更改时，使用以下代码更新音轨:

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