# Audio thumbnail on Bitmovin Player for Audio player

**URL:** <https://community.bitmovin.com/t/audio-thumbnail-on-bitmovin-player-for-audio-player/1299>\
**Category:** Support\
**Tags:** android\
**Created:** [September 22, 2022, 11:30am UTC](https://community.bitmovin.com/t/audio-thumbnail-on-bitmovin-player-for-audio-player/1299 "2022-09-22T11:30:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vivek](https://avatars.discourse-cdn.com/v4/letter/v/77aa72/32.png) [@vivek](https://community.bitmovin.com/u/vivek)\
**Post date:** [September 22, 2022, 11:30am UTC](https://community.bitmovin.com/t/audio-thumbnail-on-bitmovin-player-for-audio-player/1299/1 "2022-09-22T11:30:11Z")

</div>

I am trying to play mp3 audio file using Bitmovin player. While playing the audio, I want to display the image/thumbnail image/preview image on the player (Like all the other audio player does.).

I noticed this example where the Audio player a thumbnail in the beginning, but it shows blank screen while it plays:

> **[HLS Audio Only Live Stream » Bitmovin Player Demo | Bitmovin](https://bitmovin.com/demos/audio-only-streaming)**
>
> Use live code to test audio only content on Bitmovin's HTML5 Video Player ➜ MP4 & MPEG-2 TS with AAC supported ✅

Any help will be appreciated.

---

<div class="post-metadata">

**Author:** ![lucky.goyal](https://sea1.discourse-cdn.com/flex015/user_avatar/community.bitmovin.com/lucky.goyal/32/506_2.png) [@lucky.goyal](https://community.bitmovin.com/u/lucky.goyal)\
**Post date:** [September 22, 2022, 1:09pm UTC](https://community.bitmovin.com/t/audio-thumbnail-on-bitmovin-player-for-audio-player/1299/2 "2022-09-22T13:09:22Z")

</div>

Hi @vivek , thanks for your question.

You can use [SourceConfig.poster](https://cdn.bitmovin.com/player/web/8/docs/interfaces/core_config.sourceconfig.html#poster) configuration to set a poster/thumbnail and additionally add [SourceConfigOptions.persistentPoster](https://cdn.bitmovin.com/player/web/8/docs/interfaces/core_config.sourceconfigoptions.html#persistentposter) as true to make the poster persist on screen. An example config can be as below.

```auto
var source = {
  options: {
    persistentPoster: true
  },
  poster: '<poster_url>',
  dash: '<source_url>'
}

```

Please try this out and let us know if this helps.

---

<div class="post-metadata">

**Author:** ![vivek](https://avatars.discourse-cdn.com/v4/letter/v/77aa72/32.png) [@vivek](https://community.bitmovin.com/u/vivek)\
**Post date:** [October 21, 2022, 12:52am UTC](https://community.bitmovin.com/t/audio-thumbnail-on-bitmovin-player-for-audio-player/1299/3 "2022-10-21T00:52:50Z")

</div>

Hi Lucky, thanks for the details. I think this will help on the web side of the things.

Will the solutions be any different for IOS and ANdroid?

happy to raise a separate thread if needed.

Thanks,  
Vivek.