Adding extra view or layout while playing audio

Question

While playing audio, is it possible to add in extra view or layout e.g, dialog,text or some picture when you playing audio, and change when navigating audio from one to another. As i see from my simulator(don't have a real device), it's too empty

I am quite blur on how to add thing in between audio as the format is quite restricted in audioPlayer.

Anyway is it possible? Or is the blank is filled when playing audioPlayer from real device?

Thanks.

Answer 1

Yes, you have full control to render a custom display when you're showing a result-view and playing the audio player. You can see an example of this when using the podcast-template that's built into Bixby Studio. In that template, this is the result view (see using match patterns).

result-view {
  match {
    Result {
      from-output {
        _ {
          from-input {
            audioPlayer.AudioInfo (audioInfo) {
              min (Required) max (One)
            }
          }
        }
      }
    }
  }

  message {
    template-macro (podcast-result) {
      param (audioInfo) {
        expression (audioInfo)
      }
    }
  }

  render {
    layout {
      section {
        content {
          image {
            url ("[#{value(audioInfo.audioItem[audioInfo.startAudioItemIndex].albumArtUrl)}]")
            object-fit (Contain)
            aspect-ratio (1:1)
            lightbox-enabled (false)
          }
        }
      }
    }
  }
}