Ionic 4：bgImage 未显示在 StreamingAudioOptions 上答案

【问题标题】：Ionic 4: bgImage not showing up on StreamingAudioOptionsIonic 4：bgImage 未显示在 StreamingAudioOptions 上
【发布时间】：2019-04-12 12:48:33
【问题描述】：

我正在尝试使用 ionic 4 创建一个应用程序，该应用程序基本上只是从远程服务器流式传输音频源。一切正常，但尽管我在 StreamAudioOptions 中使用 bgImage，但我仍然出现黑屏。我的 bg 图片位于 src/assets/bg.png

我尝试了以下对图片的引用：

/assets/bg.png
assets/bg.png
./assets/bg.png
../../assets/bg.png

这是我的代码：

import { StreamingMedia, StreamingAudioOptions } from '@ionic-native/streaming-media/ngx/';

playAudio() {
    this.platform.ready().then(() => {
      if (this.platform.is("cordova")) 
      {
        let options : StreamingAudioOptions = {
          bgImage: "/assets/bg.png",
          bgColor: "#fff",
          bgImageScale: "stretch",
          successCallback: () => 
          {
            console.log("Successfully played audio");
          },
          errorCallback: (e) => 
          {
            console.log(e);
          }
        };
        this.streaming.playAudio(this.mp3.url, options);
      } 
      else 
      {
        console.log("Must be on a mobile device to play!");
      }
  });
}

感谢任何帮助。谢谢！

【问题讨论】：

标签： ionic-framework ionic4 ionic-native

【解决方案1】：

我通过将 ref 设置为“www/assets/bg.png”来修复它；

import { StreamingMedia, StreamingAudioOptions } from '@ionic-native/streaming-media/ngx/';

playAudio() {
    this.platform.ready().then(() => {
      if (this.platform.is("cordova")) 
      {
        let options : StreamingAudioOptions = {
          bgImage: "www/assets/bg.png",
          bgImageScale: "stretch",
          successCallback: () => 
          {
            console.log("Successfully played audio");
          },
          errorCallback: (e) => 
          {
            console.log(e);
          }
        };
        this.streaming.playAudio(this.mp3.url, options);
      } 
      else 
      {
        console.log("Must be on a mobile device to play!");
      }
  });
}

【讨论】：