NativeScript-Vue 中的音频播放器

Posted 2023-04-13

【中文标题】NativeScript-Vue 中的音频播放器

【英文标题】：Audio Player in NativeScript-Vue

【发布时间】：2019-09-17 15:57:24

【问题描述】：

我有一个 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

【参考方案1】：

我找到了解决办法。

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

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

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