# Help: Air Native Audio Player: Custom Seekable Progress Bar

**URL:** <https://forum.bubble.io/t/help-air-native-audio-player-custom-seekable-progress-bar/349492>\
**Category:** Mobile\
**Created:** [November 23, 2024, 5:56am UTC](https://forum.bubble.io/t/help-air-native-audio-player-custom-seekable-progress-bar/349492 "2024-11-23T05:56:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![cohereandnow](https://avatars.discourse-cdn.com/v4/letter/c/ac8455/32.png) [@cohereandnow](https://forum.bubble.io/u/cohereandnow)\
**Post date:** [November 23, 2024, 5:56am UTC](https://forum.bubble.io/t/help-air-native-audio-player-custom-seekable-progress-bar/349492/1 "2024-11-23T05:56:36Z")

</div>

I’m planning to add my own seekable progress bar to the Air Native Audio Player within the Air Native plugin.

My idea is to add an event listener to track the current playback time and syncing it with my custom progress bar. I’m have very little experience using JavaScript in Bubble. Any input or guidance would be appreciated. Here’s the JS I intend to use:

```auto
<script>
  function updateAudioInfo() {
    const player = window.AirNativeAudioPlayer; // Replace with actual global object
    if (player) {
      const duration = player.getDuration(); // Replace with actual method
      const currentTime = player.getCurrentTime(); // Replace with actual method
      bubble_fn_updateDuration(duration);
      bubble_fn_updateCurrentTime(currentTime);
    }
  }
  setInterval(updateAudioInfo, 1000); // Update every second
</script>

```

```javascript
const player = window.AirNativeAudioPlayer;
player.on('timeupdate', (currentTime) => {
  // Use currentTime to update the progress bar
});

player.seekTo(seekTime); // To jump to a specific time (replace seekTime with the target time in seconds)

```

Does this look like the right approach? I’d appreciate any feedback. Thanks!

> [@Need help with "Air Native Audio Player"](https://forum.bubble.io/t/need-help-with-air-native-audio-player/336147):
>
> I’m using the Air Native Audio Player plugin by @ZeroqodeSupport and need to implement the following features, which I assumed would be there because they are essential for audio players. But they don’t seem to be built into the plugin. Continue playing audio when the phone screen is closed or the app is moved to the background. Navigable playback progress bar (seek track to slider’s position). Display the current playback position (as text or a number). Trigger workflows when the player end…