diff --git a/app/build.gradle.kts b/app/build.gradle.kts
index cb8bbacb2..1ae14ecd5 100644
--- a/app/build.gradle.kts
+++ b/app/build.gradle.kts
@@ -128,6 +128,9 @@ dependencies {
     implementation(libs.androidx.material.icons.extended)
     implementation(libs.androidx.material3)
     implementation(libs.androidx.material3.window.size)
+    implementation(libs.androidx.media3.datasource.okhttp)
+    implementation(libs.androidx.media3.exoplayer)
+    implementation(libs.androidx.media3.session)
     implementation(libs.androidx.navigation.compose)
     implementation(libs.androidx.paging.compose)
     implementation(libs.androidx.paging.runtime.ktx)
diff --git a/app/src/main/java/com/capyreader/app/common/AudioEnclosure.kt b/app/src/main/java/com/capyreader/app/common/AudioEnclosure.kt
new file mode 100644
index 000000000..e122dc991
--- /dev/null
+++ b/app/src/main/java/com/capyreader/app/common/AudioEnclosure.kt
@@ -0,0 +1,28 @@
+package com.capyreader.app.common
+
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.saveable.Saver
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.json.Json
+
+@Serializable
+data class AudioEnclosure(
+    val url: String,
+    val title: String,
+    val feedName: String,
+    val durationSeconds: Long?,
+    val artworkUrl: String?
+) {
+    companion object
+}
+
+val AudioEnclosure.Companion.Saver
+    get() = Saver<MutableState<AudioEnclosure?>, String>(
+        save = { state ->
+            Json.encodeToString(state.value)
+        },
+        restore = { jsonString ->
+            mutableStateOf(Json.decodeFromString(jsonString))
+        }
+    )
diff --git a/app/src/main/java/com/capyreader/app/common/WebViewInterface.kt b/app/src/main/java/com/capyreader/app/common/WebViewInterface.kt
index 9fd0f4160..2244b69fb 100644
--- a/app/src/main/java/com/capyreader/app/common/WebViewInterface.kt
+++ b/app/src/main/java/com/capyreader/app/common/WebViewInterface.kt
@@ -9,7 +9,10 @@ import kotlinx.serialization.json.Json
 class WebViewInterface(
     private val navigateToMedia: (media: Media) -> Unit,
     private val onRequestLinkDialog: (link: ShareLink) -> Unit,
+    private val onOpenAudioPlayer: (audio: AudioEnclosure) -> Unit = {},
+    private val onPauseAudio: () -> Unit = {},
 ) {
+    var onRequestAudioState: () -> Unit = {}
     @JavascriptInterface
     fun openImageGallery(imagesJson: String, clickedIndex: Int) {
         try {
@@ -33,6 +36,26 @@ class WebViewInterface(
         }
     }
 
+    @JavascriptInterface
+    fun openAudioPlayer(audioJson: String) {
+        try {
+            val audio = Json.decodeFromString<AudioEnclosure>(audioJson)
+            onOpenAudioPlayer(audio)
+        } catch (e: Exception) {
+            CapyLog.error("open_audio_player", e)
+        }
+    }
+
+    @JavascriptInterface
+    fun pauseAudio() {
+        onPauseAudio()
+    }
+
+    @JavascriptInterface
+    fun requestAudioState() {
+        onRequestAudioState()
+    }
+
     companion object {
         const val INTERFACE_NAME = "Android"
     }
diff --git a/app/src/main/java/com/capyreader/app/preferences/AppPreferences.kt b/app/src/main/java/com/capyreader/app/preferences/AppPreferences.kt
index 9a3dc350d..bd1fcc81f 100644
--- a/app/src/main/java/com/capyreader/app/preferences/AppPreferences.kt
+++ b/app/src/main/java/com/capyreader/app/preferences/AppPreferences.kt
@@ -82,6 +82,9 @@ class AppPreferences(context: Context) {
     val showTodayFilter: Preference<Boolean>
         get() = preferenceStore.getBoolean("show_today_filter", true)
 
+    val enableAudioPlayer: Preference<Boolean>
+        get() = preferenceStore.getBoolean("enable_audio_player", false)
+
     fun clearAll() {
         preferenceStore.clearAll()
     }
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/ArticleScreen.kt b/app/src/main/java/com/capyreader/app/ui/articles/ArticleScreen.kt
index 2e67b6953..4e3a19388 100644
--- a/app/src/main/java/com/capyreader/app/ui/articles/ArticleScreen.kt
+++ b/app/src/main/java/com/capyreader/app/ui/articles/ArticleScreen.kt
@@ -4,6 +4,8 @@ import androidx.activity.compose.BackHandler
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
+import androidx.compose.animation.slideInVertically
+import androidx.compose.animation.slideOutVertically
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.DrawerValue
@@ -43,8 +45,11 @@ import androidx.core.net.toUri
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import androidx.paging.compose.collectAsLazyPagingItems
 import com.capyreader.app.R
+import com.capyreader.app.common.AudioEnclosure
 import com.capyreader.app.common.Media
 import com.capyreader.app.common.Saver
+import com.capyreader.app.ui.articles.audio.AudioPlayerController
+import com.capyreader.app.ui.articles.audio.FloatingAudioPlayer
 import com.capyreader.app.preferences.AfterReadAllBehavior
 import com.capyreader.app.preferences.AppPreferences
 import com.capyreader.app.refresher.RefreshInterval
@@ -191,6 +196,8 @@ fun ArticleScreen(
         val currentFeed by viewModel.currentFeed.collectAsStateWithLifecycle(null)
         val scrollBehavior = pinnedScrollBehavior()
         var media by rememberSaveable(saver = Media.Saver) { mutableStateOf(null) }
+        val audioController: AudioPlayerController = koinInject()
+        val audioEnclosure by audioController.currentAudio.collectAsState()
         val focusManager = LocalFocusManager.current
         val openUpdatePasswordDialog = {
             viewModel.dismissUnauthorizedMessage()
@@ -535,6 +542,23 @@ fun ArticleScreen(
                                 position = MarkReadPosition.FLOATING_ACTION_BUTTON,
                             )
                         }
+                    },
+                    bottomBar = {
+                        AnimatedVisibility(
+                            enter = slideInVertically(initialOffsetY = { it }) + fadeIn(),
+                            exit = slideOutVertically(targetOffsetY = { it }) + fadeOut(),
+                            visible = audioEnclosure != null,
+                        ) {
+                            audioEnclosure?.let { audio ->
+                                FloatingAudioPlayer(
+                                    audio = audio,
+                                    controller = audioController,
+                                    onDismiss = {
+                                        audioController.dismiss()
+                                    },
+                                )
+                            }
+                        }
                     }
                 ) { innerPadding ->
                     ArticleListScaffold(
@@ -594,6 +618,9 @@ fun ArticleScreen(
                         CapyPlaceholder()
                     }
                 } else if (article != null) {
+                    val isAudioPlaying by audioController.isPlaying.collectAsState()
+                    val currentAudio by audioController.currentAudio.collectAsState()
+
                     ArticleView(
                         article = article,
                         articles = articles,
@@ -604,12 +631,20 @@ fun ArticleScreen(
                         onToggleStar = viewModel::toggleArticleStar,
                         enableBackHandler = media == null,
                         onSelectMedia = { media = it },
+                        onSelectAudio = { audio ->
+                            audioController.play(audio)
+                        },
+                        onPauseAudio = {
+                            audioController.pause()
+                        },
                         onSelectArticle = { articleID ->
                             setArticle(articleID)
                         },
                         onScrollToArticle = { index ->
                             scrollToArticle(index)
-                        }
+                        },
+                        currentAudioUrl = currentAudio?.url,
+                        isAudioPlaying = isAudioPlaying,
                     )
                 }
             }
@@ -628,6 +663,7 @@ fun ArticleScreen(
             )
         }
 
+
         if (viewModel.showUnauthorizedMessage) {
             UnauthorizedAlertDialog(
                 onConfirm = openUpdatePasswordDialog,
@@ -673,7 +709,11 @@ fun ArticleScreen(
             media = null
         }
 
-        BackHandler(media == null && search.isActive && article == null) {
+        BackHandler(audioEnclosure != null && media == null) {
+            audioController.dismiss()
+        }
+
+        BackHandler(media == null && audioEnclosure == null && search.isActive && article == null) {
             search.clear()
         }
 
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/ArticlesModule.kt b/app/src/main/java/com/capyreader/app/ui/articles/ArticlesModule.kt
index 53bbdae37..dc2c637ab 100644
--- a/app/src/main/java/com/capyreader/app/ui/articles/ArticlesModule.kt
+++ b/app/src/main/java/com/capyreader/app/ui/articles/ArticlesModule.kt
@@ -1,8 +1,13 @@
 package com.capyreader.app.ui.articles
 
+import android.content.Context
+import com.capyreader.app.R
 import com.capyreader.app.preferences.AppPreferences
+import com.capyreader.app.ui.articles.audio.AudioPlayerController
 import com.capyreader.app.ui.articles.feeds.edit.EditFeedViewModel
+import com.jocmp.capy.accounts.baseHttpClient
 import com.jocmp.capy.articles.ArticleRenderer
+import com.jocmp.capy.articles.AudioPlayerLabels
 import org.koin.androidx.viewmodel.dsl.viewModel
 import org.koin.dsl.module
 
@@ -14,8 +19,16 @@ internal val articlesModule = module {
         )
     }
     single {
-        ArticleRenderer(
+        AudioPlayerController(
             context = get(),
+            okHttpClient = baseHttpClient()
+        )
+    }
+    single {
+        val context = get<Context>()
+
+        ArticleRenderer(
+            context = context,
             textSize = get<AppPreferences>().readerOptions.fontSize,
             fontOption = get<AppPreferences>().readerOptions.fontFamily,
             titleFontSize = get<AppPreferences>().readerOptions.titleFontSize,
@@ -23,6 +36,11 @@ internal val articlesModule = module {
             titleFollowsBodyFont = get<AppPreferences>().readerOptions.titleFollowsBodyFont,
             hideTopMargin = get<AppPreferences>().readerOptions.pinTopToolbar,
             enableHorizontalScroll = get<AppPreferences>().readerOptions.enableHorizontaPagination,
+            enableAudioPlayer = get<AppPreferences>().enableAudioPlayer,
+            audioPlayerLabels = AudioPlayerLabels(
+                play = context.getString(R.string.audio_player_play),
+                pause = context.getString(R.string.audio_player_pause),
+            ),
         )
     }
     viewModel {
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/audio/AudioPlayerController.kt b/app/src/main/java/com/capyreader/app/ui/articles/audio/AudioPlayerController.kt
new file mode 100644
index 000000000..9c523f9c3
--- /dev/null
+++ b/app/src/main/java/com/capyreader/app/ui/articles/audio/AudioPlayerController.kt
@@ -0,0 +1,172 @@
+package com.capyreader.app.ui.articles.audio
+
+import android.content.Context
+import android.os.Handler
+import android.os.Looper
+import androidx.annotation.OptIn
+import androidx.media3.common.MediaItem
+import androidx.media3.common.Player
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.database.StandaloneDatabaseProvider
+import androidx.media3.datasource.cache.CacheDataSource
+import androidx.media3.datasource.cache.LeastRecentlyUsedCacheEvictor
+import androidx.media3.datasource.cache.SimpleCache
+import androidx.media3.datasource.okhttp.OkHttpDataSource
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.exoplayer.source.DefaultMediaSourceFactory
+import com.capyreader.app.common.AudioEnclosure
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asStateFlow
+import okhttp3.OkHttpClient
+import java.io.File
+
+private const val CACHE_SIZE_BYTES = 100L * 1024L * 1024L // 100 MB
+
+class AudioPlayerController(
+    private val context: Context,
+    okHttpClient: OkHttpClient,
+) {
+    private val cache: SimpleCache
+    private val cacheDataSourceFactory: CacheDataSource.Factory
+
+    init {
+        val cacheDir = File(context.cacheDir, "audio_cache")
+        val databaseProvider = StandaloneDatabaseProvider(context)
+        cache = SimpleCache(cacheDir, LeastRecentlyUsedCacheEvictor(CACHE_SIZE_BYTES), databaseProvider)
+
+        val okHttpDataSourceFactory = OkHttpDataSource.Factory(okHttpClient)
+        cacheDataSourceFactory = CacheDataSource.Factory()
+            .setCache(cache)
+            .setUpstreamDataSourceFactory(okHttpDataSourceFactory)
+    }
+    private var player: ExoPlayer? = null
+    private val mainHandler = Handler(Looper.getMainLooper())
+    private val positionUpdateRunnable = object : Runnable {
+        override fun run() {
+            player?.let {
+                _currentPosition.value = it.currentPosition
+                if (_duration.value == 0L && it.duration > 0) {
+                    _duration.value = it.duration
+                }
+            }
+            mainHandler.postDelayed(this, 500)
+        }
+    }
+
+    private val _isPlaying = MutableStateFlow(false)
+    val isPlaying: StateFlow<Boolean> = _isPlaying.asStateFlow()
+
+    private val _currentPosition = MutableStateFlow(0L)
+    val currentPosition: StateFlow<Long> = _currentPosition.asStateFlow()
+
+    private val _duration = MutableStateFlow(0L)
+    val duration: StateFlow<Long> = _duration.asStateFlow()
+
+    private val _currentAudio = MutableStateFlow<AudioEnclosure?>(null)
+    val currentAudio: StateFlow<AudioEnclosure?> = _currentAudio.asStateFlow()
+
+    @OptIn(UnstableApi::class)
+    fun play(audio: AudioEnclosure) {
+        mainHandler.post {
+            playOnMainThread(audio)
+        }
+    }
+
+    @OptIn(UnstableApi::class)
+    private fun playOnMainThread(audio: AudioEnclosure) {
+        val currentUrl = _currentAudio.value?.url
+
+        if (currentUrl == audio.url && player != null) {
+            player?.play()
+            return
+        }
+
+        releaseInternal()
+
+        val mediaSourceFactory = DefaultMediaSourceFactory(context)
+            .setDataSourceFactory(cacheDataSourceFactory)
+
+        player = ExoPlayer.Builder(context)
+            .setMediaSourceFactory(mediaSourceFactory)
+            .build()
+            .apply {
+            val mediaItem = MediaItem.fromUri(audio.url)
+            setMediaItem(mediaItem)
+            prepare()
+            playWhenReady = true
+
+            addListener(object : Player.Listener {
+                override fun onIsPlayingChanged(isPlaying: Boolean) {
+                    _isPlaying.value = isPlaying
+                    if (isPlaying) {
+                        startPositionUpdates()
+                    } else {
+                        stopPositionUpdates()
+                    }
+                }
+
+                override fun onPlaybackStateChanged(playbackState: Int) {
+                    if (playbackState == Player.STATE_READY) {
+                        _duration.value = duration
+                    }
+                    if (playbackState == Player.STATE_ENDED) {
+                        _isPlaying.value = false
+                        _currentPosition.value = 0L
+                        seekTo(0)
+                    }
+                }
+            })
+        }
+
+        _currentAudio.value = audio
+
+        audio.durationSeconds?.let {
+            _duration.value = it * 1000
+        }
+    }
+
+    fun pause() {
+        mainHandler.post {
+            player?.pause()
+        }
+    }
+
+    fun resume() {
+        mainHandler.post {
+            player?.play()
+        }
+    }
+
+    fun seekTo(positionMs: Long) {
+        mainHandler.post {
+            player?.seekTo(positionMs)
+            _currentPosition.value = positionMs
+        }
+    }
+
+    fun dismiss() {
+        mainHandler.post {
+            releaseInternal()
+            _currentAudio.value = null
+            _isPlaying.value = false
+            _currentPosition.value = 0L
+            _duration.value = 0L
+        }
+    }
+
+    private fun releaseInternal() {
+        stopPositionUpdates()
+        player?.release()
+        player = null
+    }
+
+    private fun startPositionUpdates() {
+        stopPositionUpdates()
+        mainHandler.post(positionUpdateRunnable)
+    }
+
+    private fun stopPositionUpdates() {
+        mainHandler.removeCallbacks(positionUpdateRunnable)
+    }
+}
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/audio/FloatingAudioPlayer.kt b/app/src/main/java/com/capyreader/app/ui/articles/audio/FloatingAudioPlayer.kt
new file mode 100644
index 000000000..f3e156177
--- /dev/null
+++ b/app/src/main/java/com/capyreader/app/ui/articles/audio/FloatingAudioPlayer.kt
@@ -0,0 +1,284 @@
+package com.capyreader.app.ui.articles.audio
+
+import android.content.res.Configuration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.navigationBars
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.windowInsetsPadding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.rounded.Close
+import androidx.compose.material.icons.rounded.Headphones
+import androidx.compose.material.icons.rounded.Pause
+import androidx.compose.material.icons.rounded.PlayArrow
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Slider
+import androidx.compose.material3.SliderDefaults
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.DpSize
+import androidx.compose.ui.unit.dp
+import coil.compose.AsyncImage
+import com.capyreader.app.R
+import com.capyreader.app.common.AudioEnclosure
+import com.capyreader.app.ui.theme.CapyTheme
+
+@Composable
+fun FloatingAudioPlayer(
+    audio: AudioEnclosure,
+    controller: AudioPlayerController,
+    onDismiss: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    val isPlaying by controller.isPlaying.collectAsState()
+    val currentPosition by controller.currentPosition.collectAsState()
+    val duration by controller.duration.collectAsState()
+
+    FloatingAudioPlayer(
+        audio = audio,
+        isPlaying = isPlaying,
+        currentPosition = currentPosition,
+        duration = duration,
+        onPlayPause = { if (isPlaying) controller.pause() else controller.resume() },
+        onSeek = { controller.seekTo(it) },
+        onDismiss = onDismiss,
+        modifier = modifier,
+    )
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+internal fun FloatingAudioPlayer(
+    audio: AudioEnclosure,
+    isPlaying: Boolean,
+    currentPosition: Long,
+    duration: Long,
+    onPlayPause: () -> Unit,
+    onSeek: (Long) -> Unit,
+    onDismiss: () -> Unit,
+    modifier: Modifier = Modifier,
+) {
+    Surface(
+        modifier = modifier.fillMaxWidth(),
+        tonalElevation = 6.dp,
+    ) {
+        Column(
+            modifier = Modifier
+                .windowInsetsPadding(WindowInsets.navigationBars)
+                .padding(top = 12.dp)
+                .padding(horizontal = 16.dp)
+        ) {
+            Row(
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Box(
+                    modifier = Modifier
+                        .size(56.dp)
+                        .clip(RoundedCornerShape(8.dp))
+                        .background(MaterialTheme.colorScheme.surfaceVariant),
+                    contentAlignment = Alignment.Center,
+                ) {
+                    if (!audio.artworkUrl.isNullOrEmpty()) {
+                        AsyncImage(
+                            model = audio.artworkUrl,
+                            contentDescription = null,
+                            contentScale = ContentScale.Crop,
+                            modifier = Modifier.size(56.dp),
+                        )
+                    } else {
+                        Icon(
+                            imageVector = Icons.Rounded.Headphones,
+                            contentDescription = null,
+                            tint = MaterialTheme.colorScheme.onSurfaceVariant,
+                            modifier = Modifier.size(32.dp),
+                        )
+                    }
+                }
+
+                Spacer(Modifier.width(12.dp))
+
+                Column(
+                    modifier = Modifier.weight(1f),
+                    verticalArrangement = Arrangement.Center,
+                ) {
+                    Text(
+                        text = audio.title,
+                        maxLines = 1,
+                        overflow = TextOverflow.Ellipsis,
+                        style = MaterialTheme.typography.bodyMedium,
+                    )
+                    Text(
+                        text = audio.feedName,
+                        maxLines = 1,
+                        overflow = TextOverflow.Ellipsis,
+                        style = MaterialTheme.typography.bodySmall,
+                        color = MaterialTheme.colorScheme.onSurfaceVariant,
+                    )
+                }
+
+                IconButton(onClick = onPlayPause) {
+                    Icon(
+                        imageVector = if (isPlaying) Icons.Rounded.Pause else Icons.Rounded.PlayArrow,
+                        contentDescription = stringResource(if (isPlaying) R.string.audio_player_pause else R.string.audio_player_play),
+                        modifier = Modifier.size(32.dp),
+                    )
+                }
+
+                IconButton(onClick = onDismiss) {
+                    Icon(
+                        imageVector = Icons.Rounded.Close,
+                        contentDescription = stringResource(R.string.audio_player_close),
+                        modifier = Modifier.size(32.dp),
+                    )
+                }
+            }
+
+            Row(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(top = 8.dp),
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Text(
+                    text = formatDuration(currentPosition),
+                    style = MaterialTheme.typography.labelSmall,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
+                )
+
+                val interactionSource = remember { MutableInteractionSource() }
+                Slider(
+                    value = if (duration > 0) currentPosition / duration.toFloat() else 0f,
+                    onValueChange = { fraction ->
+                        onSeek((fraction * duration).toLong())
+                    },
+                    interactionSource = interactionSource,
+                    thumb = {
+                        SliderDefaults.Thumb(
+                            interactionSource = interactionSource,
+                            thumbSize = DpSize(width = 4.dp, height = 24.dp),
+                        )
+                    },
+                    track = { sliderState ->
+                        SliderDefaults.Track(
+                            sliderState = sliderState,
+                            drawStopIndicator = null,
+                            thumbTrackGapSize = 4.dp,
+                        )
+                    },
+                    modifier = Modifier
+                        .weight(1f)
+                        .padding(horizontal = 8.dp),
+                )
+
+                Text(
+                    text = formatDuration(duration),
+                    style = MaterialTheme.typography.labelSmall,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
+                )
+            }
+        }
+    }
+}
+
+private fun formatDuration(ms: Long): String {
+    val totalSeconds = ms / 1000
+    val hours = totalSeconds / 3600
+    val minutes = (totalSeconds % 3600) / 60
+    val seconds = totalSeconds % 60
+
+    return if (hours > 0) {
+        "%d:%02d:%02d".format(hours, minutes, seconds)
+    } else {
+        "%d:%02d".format(minutes, seconds)
+    }
+}
+
+@Preview
+@Composable
+private fun FloatingAudioPlayerPreview() {
+    CapyTheme {
+        FloatingAudioPlayer(
+            audio = AudioEnclosure(
+                url = "https://example.com/episode.mp3",
+                title = "Episode 42: The Answer to Everything",
+                feedName = "The Podcast Show",
+                durationSeconds = 3600,
+                artworkUrl = null,
+            ),
+            isPlaying = false,
+            currentPosition = 120_000,
+            duration = 3600_000,
+            onPlayPause = {},
+            onSeek = {},
+            onDismiss = {},
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun FloatingAudioPlayerPreview_Playing() {
+    CapyTheme {
+        FloatingAudioPlayer(
+            audio = AudioEnclosure(
+                url = "https://example.com/episode.mp3",
+                title = "Episode 42: The Answer to Everything",
+                feedName = "The Podcast Show",
+                durationSeconds = 3600,
+                artworkUrl = null,
+            ),
+            isPlaying = true,
+            currentPosition = 1800_000,
+            duration = 3600_000,
+            onPlayPause = {},
+            onSeek = {},
+            onDismiss = {},
+        )
+    }
+}
+
+@Preview(uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+private fun FloatingAudioPlayerPreview_DarkMode() {
+    CapyTheme {
+        FloatingAudioPlayer(
+            audio = AudioEnclosure(
+                url = "https://example.com/episode.mp3",
+                title = "A Very Long Episode Title That Should Definitely Be Truncated",
+                feedName = "The Extremely Long Podcast Name",
+                durationSeconds = 7200,
+                artworkUrl = null,
+            ),
+            isPlaying = false,
+            currentPosition = 0,
+            duration = 7200_000,
+            onPlayPause = {},
+            onSeek = {},
+            onDismiss = {},
+        )
+    }
+}
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleReader.kt b/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleReader.kt
index d8ff4eb8a..2bd31e70f 100644
--- a/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleReader.kt
+++ b/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleReader.kt
@@ -16,6 +16,7 @@ import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.onGloballyPositioned
+import com.capyreader.app.common.AudioEnclosure
 import com.capyreader.app.common.Media
 import com.capyreader.app.common.rememberTalkbackPreference
 import com.capyreader.app.preferences.AppPreferences
@@ -36,6 +37,10 @@ import kotlin.math.roundToInt
 fun ArticleReader(
     article: Article,
     onSelectMedia: (media: Media) -> Unit,
+    onSelectAudio: (audio: AudioEnclosure) -> Unit = {},
+    onPauseAudio: () -> Unit = {},
+    currentAudioUrl: String? = null,
+    isAudioPlaying: Boolean = false,
 ) {
     val (shareLink, setShareLink) = rememberSaveableShareLink()
     val linkOpener = LocalLinkOpener.current
@@ -44,9 +49,17 @@ fun ArticleReader(
         key = article.id,
         onNavigateToMedia = onSelectMedia,
         onRequestLinkDialog = { setShareLink(it) },
-        onOpenLink = { linkOpener.open(it) }
+        onOpenLink = { linkOpener.open(it) },
+        onOpenAudioPlayer = onSelectAudio,
+        onPauseAudio = onPauseAudio,
+        currentAudioUrl = currentAudioUrl,
+        isAudioPlaying = isAudioPlaying,
     )
 
+    LaunchedEffect(currentAudioUrl, isAudioPlaying) {
+        webViewState.updateAudioPlayState(currentAudioUrl, isAudioPlaying)
+    }
+
     val showImages = rememberImageVisibility()
     val improveTalkback by rememberTalkbackPreference()
 
diff --git a/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleView.kt b/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleView.kt
index fcd388737..630bc5659 100644
--- a/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleView.kt
+++ b/app/src/main/java/com/capyreader/app/ui/articles/detail/ArticleView.kt
@@ -38,6 +38,7 @@ import androidx.compose.ui.platform.LocalHapticFeedback
 import androidx.compose.ui.unit.dp
 import androidx.core.net.toUri
 import androidx.paging.compose.LazyPagingItems
+import com.capyreader.app.common.AudioEnclosure
 import com.capyreader.app.common.Media
 import com.capyreader.app.preferences.AppPreferences
 import com.capyreader.app.preferences.ArticleVerticalSwipe
@@ -65,6 +66,10 @@ fun ArticleView(
     onScrollToArticle: (index: Int) -> Unit,
     onSelectArticle: (id: String) -> Unit,
     onSelectMedia: (media: Media) -> Unit,
+    onSelectAudio: (audio: AudioEnclosure) -> Unit = {},
+    onPauseAudio: () -> Unit = {},
+    currentAudioUrl: String? = null,
+    isAudioPlaying: Boolean = false,
     appPreferences: AppPreferences = koinInject()
 ) {
     val enableHorizontalPager by appPreferences.readerOptions.enableHorizontaPagination.collectChangesWithDefault()
@@ -179,6 +184,10 @@ fun ArticleView(
                         ArticleReader(
                             article = targetArticle,
                             onSelectMedia = onSelectMedia,
+                            onSelectAudio = onSelectAudio,
+                            onPauseAudio = onPauseAudio,
+                            currentAudioUrl = currentAudioUrl,
+                            isAudioPlaying = isAudioPlaying,
                         )
                     }
                 }
diff --git a/app/src/main/java/com/capyreader/app/ui/components/WebView.kt b/app/src/main/java/com/capyreader/app/ui/components/WebView.kt
index a70e33f37..9d7336d1c 100644
--- a/app/src/main/java/com/capyreader/app/ui/components/WebView.kt
+++ b/app/src/main/java/com/capyreader/app/ui/components/WebView.kt
@@ -11,12 +11,14 @@ import androidx.compose.runtime.Composable
 import androidx.compose.runtime.Stable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberUpdatedState
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.viewinterop.AndroidView
 import androidx.webkit.WebViewAssetLoader
 import androidx.webkit.WebViewAssetLoader.AssetsPathHandler
 import androidx.webkit.WebViewAssetLoader.ResourcesPathHandler
+import com.capyreader.app.common.AudioEnclosure
 import com.capyreader.app.common.Media
 import com.capyreader.app.common.WebViewInterface
 import com.capyreader.app.common.rememberTalkbackPreference
@@ -139,6 +141,8 @@ class WebViewState(
 ) {
     private var htmlId: String? = null
     private var contentHash: Int = 0
+    private var currentAudioUrl: String? = null
+    private var isAudioPlaying: Boolean = false
 
     init {
         loadEmpty()
@@ -177,6 +181,23 @@ class WebViewState(
         loadEmpty()
     }
 
+    fun updateAudioPlayState(url: String?, isPlaying: Boolean) {
+        currentAudioUrl = url
+        isAudioPlaying = isPlaying
+        webView.post {
+            if (url != null) {
+                val escapedUrl = url.replace("'", "\\'")
+                webView.evaluateJavascript("updateAudioPlayState('$escapedUrl', $isPlaying)", null)
+            } else {
+                webView.evaluateJavascript("resetAudioPlayState()", null)
+            }
+        }
+    }
+
+    fun resetAudioPlayState() {
+        updateAudioPlayState(null, false)
+    }
+
     private fun loadEmpty() = webView.loadUrl("about:blank")
 }
 
@@ -187,11 +208,17 @@ fun rememberWebViewState(
     onNavigateToMedia: (media: Media) -> Unit,
     onRequestLinkDialog: (link: ShareLink) -> Unit,
     onOpenLink: (url: Uri) -> Unit,
+    onOpenAudioPlayer: (audio: AudioEnclosure) -> Unit = {},
+    onPauseAudio: () -> Unit = {},
+    currentAudioUrl: String? = null,
+    isAudioPlaying: Boolean = false,
     key: String? = null,
 ): WebViewState {
     val enableNativeScroll by rememberTalkbackPreference()
     val colors = articleTemplateColors()
     val context = LocalContext.current
+    val currentAudioUrlState by rememberUpdatedState(currentAudioUrl)
+    val isAudioPlayingState by rememberUpdatedState(isAudioPlaying)
 
     val reset = if (enableNativeScroll) {
         key
@@ -210,6 +237,13 @@ fun rememberWebViewState(
     }
 
     return remember {
+        val webViewInterface = WebViewInterface(
+            navigateToMedia = { onNavigateToMedia(it) },
+            onRequestLinkDialog = onRequestLinkDialog,
+            onOpenAudioPlayer = onOpenAudioPlayer,
+            onPauseAudio = onPauseAudio,
+        )
+
         val webView = WebView(context).apply {
             settings.apply {
                 javaScriptEnabled = true
@@ -223,13 +257,7 @@ fun rememberWebViewState(
                 hitTestResult.type == SRC_ANCHOR_TYPE
             }
 
-            addJavascriptInterface(
-                WebViewInterface(
-                    navigateToMedia = { onNavigateToMedia(it) },
-                    onRequestLinkDialog = onRequestLinkDialog,
-                ),
-                WebViewInterface.INTERFACE_NAME
-            )
+            addJavascriptInterface(webViewInterface, WebViewInterface.INTERFACE_NAME)
 
             setBackgroundColor(context.getColor(android.R.color.transparent))
 
@@ -243,6 +271,9 @@ fun rememberWebViewState(
             webView,
         ).also {
             client.state = it
+            webViewInterface.onRequestAudioState = {
+                it.updateAudioPlayState(currentAudioUrlState, isAudioPlayingState)
+            }
         }
     }
 }
diff --git a/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsPanel.kt b/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsPanel.kt
index a3afb88da..306df6b1b 100644
--- a/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsPanel.kt
+++ b/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsPanel.kt
@@ -99,6 +99,8 @@ fun GeneralSettingsPanel(
             enableStickyFullContent = viewModel.enableStickyFullContent,
             showTodayFilter = viewModel.showTodayFilter,
             updateShowTodayFilter = viewModel::updateShowTodayFilter,
+            enableAudioPlayer = viewModel.enableAudioPlayer,
+            updateEnableAudioPlayer = viewModel::updateEnableAudioPlayer,
         )
     }
 }
@@ -126,6 +128,8 @@ fun GeneralSettingsPanelView(
     markReadOnScroll: Boolean,
     showTodayFilter: Boolean,
     updateShowTodayFilter: (show: Boolean) -> Unit,
+    enableAudioPlayer: Boolean,
+    updateEnableAudioPlayer: (enable: Boolean) -> Unit,
 ) {
     val (isClearArticlesDialogOpen, setClearArticlesDialogOpen) = remember { mutableStateOf(false) }
 
@@ -230,6 +234,16 @@ fun GeneralSettingsPanelView(
             }
         }
 
+        FormSection(title = stringResource(R.string.settings_section_experimental)) {
+            RowItem {
+                TextSwitch(
+                    checked = enableAudioPlayer,
+                    onCheckedChange = updateEnableAudioPlayer,
+                    title = stringResource(R.string.settings_option_enable_audio_player)
+                )
+            }
+        }
+
         FormSection(
             title = stringResource(R.string.settings_section_advanced)
         ) {
@@ -372,7 +386,9 @@ private fun GeneralSettingsPanelPreview() {
                 afterReadAll = AfterReadAllBehavior.NOTHING,
                 updateAfterReadAll = {},
                 showTodayFilter = true,
-                updateShowTodayFilter = {}
+                updateShowTodayFilter = {},
+                enableAudioPlayer = false,
+                updateEnableAudioPlayer = {}
             )
         }
     }
diff --git a/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsViewModel.kt b/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsViewModel.kt
index 58e895de3..534a06a09 100644
--- a/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsViewModel.kt
+++ b/app/src/main/java/com/capyreader/app/ui/settings/panels/GeneralSettingsViewModel.kt
@@ -50,6 +50,9 @@ class GeneralSettingsViewModel(
     var showTodayFilter by mutableStateOf(appPreferences.showTodayFilter.get())
         private set
 
+    var enableAudioPlayer by mutableStateOf(appPreferences.enableAudioPlayer.get())
+        private set
+
     val keywordBlocklist = account
         .preferences
         .keywordBlocklist
@@ -132,4 +135,10 @@ class GeneralSettingsViewModel(
 
         showTodayFilter = show
     }
+
+    fun updateEnableAudioPlayer(enable: Boolean) {
+        appPreferences.enableAudioPlayer.set(enable)
+
+        enableAudioPlayer = enable
+    }
 }
diff --git a/app/src/main/res/values-ar/strings.xml b/app/src/main/res/values-ar/strings.xml
index b2b27d085..955a662d5 100644
--- a/app/src/main/res/values-ar/strings.xml
+++ b/app/src/main/res/values-ar/strings.xml
@@ -147,6 +147,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">شهر</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 شهور</string>
     <string name="settings_section_advanced">متقدم</string>
+    <string name="settings_section_experimental">تجريبي</string>
+    <string name="settings_option_enable_audio_player">مشغل الصوت</string>
     <string name="settings_clear_all_articles_confirm">تأكيد</string>
     <string name="settings_clear_all_articles_text">هل أنت متأكد من أنك تريد حذف جميع المقالات المقروءة وغير المميزة بنجمة من جهازك؟ لا يمكن التراجع عن هذا الإجراء.</string>
     <string name="settings_clear_all_articles_button">مسح جميع المقالات</string>
diff --git a/app/src/main/res/values-de/strings.xml b/app/src/main/res/values-de/strings.xml
index 9bebcedf7..1b57c4743 100644
--- a/app/src/main/res/values-de/strings.xml
+++ b/app/src/main/res/values-de/strings.xml
@@ -157,6 +157,8 @@
     <string name="opml_exporter_success">Export vollständig</string>
     <string name="settings_panel_general_title">Allgemein</string>
     <string name="settings_section_advanced">Fortgeschritten</string>
+    <string name="settings_section_experimental">Experimentell</string>
+    <string name="settings_option_enable_audio_player">Audio-Player</string>
     <string name="settings_clear_all_articles_confirm">Bestätigen</string>
     <string name="settings_clear_all_articles_text">Bist Du sicher, dass Du alle gelesenen nicht favorisierten Artikel löschen möchtest? Dies kann nicht rückgängig gemacht werden.</string>
     <string name="settings_clear_all_articles_button">Alle Artikel löschen</string>
diff --git a/app/src/main/res/values-es/strings.xml b/app/src/main/res/values-es/strings.xml
index 3971a5ebb..f165156e5 100644
--- a/app/src/main/res/values-es/strings.xml
+++ b/app/src/main/res/values-es/strings.xml
@@ -147,6 +147,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 mes</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 meses</string>
     <string name="settings_section_advanced">Avanzado</string>
+    <string name="settings_section_experimental">Experimental</string>
+    <string name="settings_option_enable_audio_player">Reproductor de audio</string>
     <string name="settings_clear_all_articles_confirm">Confirmar</string>
     <string name="settings_clear_all_articles_text">¿Estás seguro de que deseas eliminar todos los artículos leídos, no destacados desde tu dispositivo? Esta acción no se puede deshacer.</string>
     <string name="settings_clear_all_articles_button">Borrar todos los artículos</string>
diff --git a/app/src/main/res/values-fr/strings.xml b/app/src/main/res/values-fr/strings.xml
index a2d81214d..c6900d20f 100644
--- a/app/src/main/res/values-fr/strings.xml
+++ b/app/src/main/res/values-fr/strings.xml
@@ -119,6 +119,8 @@
     <string name="settings_auto_delete_option_keep_forever">Pour toujours</string>
     <string name="settings_auto_delete_option_keep_for_one_week">1 semaine</string>
     <string name="settings_section_advanced">Avancés</string>
+    <string name="settings_section_experimental">Expérimental</string>
+    <string name="settings_option_enable_audio_player">Lecteur audio</string>
     <string name="settings_clear_all_articles_confirm">Confirmer</string>
     <string name="settings_clear_all_articles_text">Voulez-vous vraiment supprimer tous les articles lus et non favoris de votre appareil ? Cette action est irréversible.</string>
     <string name="settings_clear_all_articles_button">Supprimer tous les articles</string>
diff --git a/app/src/main/res/values-it/strings.xml b/app/src/main/res/values-it/strings.xml
index 93c93d365..05d10208b 100644
--- a/app/src/main/res/values-it/strings.xml
+++ b/app/src/main/res/values-it/strings.xml
@@ -137,6 +137,8 @@
     <string name="settings_support_button">Supporto</string>
     <string name="settings_clear_all_articles_confirm">Conferma</string>
     <string name="settings_section_advanced">Avanzate</string>
+    <string name="settings_section_experimental">Sperimentale</string>
+    <string name="settings_option_enable_audio_player">Lettore audio</string>
     <string name="settings_clear_all_articles_text">Sei sicuro di voler eliminare tutti gli articoli letti e non contrassegnati? Non è possibile annullare l\'operazione.</string>
     <string name="settings_article_list_title">Elenco articoli</string>
     <string name="settings_panel_general_title">Generale</string>
diff --git a/app/src/main/res/values-nl/strings.xml b/app/src/main/res/values-nl/strings.xml
index 0eca3822a..b947a928a 100644
--- a/app/src/main/res/values-nl/strings.xml
+++ b/app/src/main/res/values-nl/strings.xml
@@ -179,6 +179,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 maand</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 maanden</string>
     <string name="settings_section_advanced">Geavanceerd</string>
+    <string name="settings_section_experimental">Experimenteel</string>
+    <string name="settings_option_enable_audio_player">Audiospeler</string>
     <string name="settings_clear_all_articles_confirm">Bevestigen</string>
     <string name="settings_clear_all_articles_text">Weet je zeker dat je alle gelezen, niet-gefavoriseerde artikelen van je apparaat wilt verwijderen? Deze actie kan niet ongedaan worden gemaakt.</string>
     <string name="settings_clear_all_articles_button">Alle artikelen wissen</string>
diff --git a/app/src/main/res/values-pl/strings.xml b/app/src/main/res/values-pl/strings.xml
index 31fa9ed57..a618290fc 100644
--- a/app/src/main/res/values-pl/strings.xml
+++ b/app/src/main/res/values-pl/strings.xml
@@ -58,6 +58,8 @@
     <string name="opml_import_notification_cancel">Zatrzymaj</string>
     <string name="article_font_menu_label">Czcionka</string>
     <string name="settings_section_advanced">Zaawansowane</string>
+    <string name="settings_section_experimental">Eksperymentalne</string>
+    <string name="settings_option_enable_audio_player">Odtwarzacz audio</string>
     <string name="dialog_cancel">Anuluj</string>
     <string name="add_feed_submit">Dodaj</string>
     <string name="add_feed_success">Dodano kanał</string>
diff --git a/app/src/main/res/values-pt-rBR/strings.xml b/app/src/main/res/values-pt-rBR/strings.xml
index dff5fb8e9..29f872983 100644
--- a/app/src/main/res/values-pt-rBR/strings.xml
+++ b/app/src/main/res/values-pt-rBR/strings.xml
@@ -172,6 +172,8 @@
     <string name="opml_exporter_success">Exportação completa</string>
     <string name="opml_exporter_failure">Exportação falhou</string>
     <string name="settings_section_advanced">Avançado</string>
+    <string name="settings_section_experimental">Experimental</string>
+    <string name="settings_option_enable_audio_player">Reprodutor de áudio</string>
     <string name="edit_feed_tag_section">Adicionar ou Selecionar Etiqueta</string>
     <string name="settings_confirm_mark_all_read">Confirmar marcar todos como lidos</string>
     <string name="article_bottom_bar_next_article">Ir para próximo artigo</string>
diff --git a/app/src/main/res/values-pt/strings.xml b/app/src/main/res/values-pt/strings.xml
index b7a99f344..068f1a967 100644
--- a/app/src/main/res/values-pt/strings.xml
+++ b/app/src/main/res/values-pt/strings.xml
@@ -176,6 +176,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 mês</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 meses</string>
     <string name="settings_section_advanced">Avançado</string>
+    <string name="settings_section_experimental">Experimental</string>
+    <string name="settings_option_enable_audio_player">Leitor de áudio</string>
     <string name="settings_clear_all_articles_confirm">Confirmar</string>
     <string name="settings_clear_all_articles_text">Tem certeza de que deseja apagar todos os artigos lidos e desfavoritados do seu dispositivo? Esta ação não pode ser desfeita.</string>
     <string name="settings_clear_all_articles_button">Limpar todos os artigos</string>
diff --git a/app/src/main/res/values-ru/strings.xml b/app/src/main/res/values-ru/strings.xml
index 0648306c6..68c0b26bd 100644
--- a/app/src/main/res/values-ru/strings.xml
+++ b/app/src/main/res/values-ru/strings.xml
@@ -66,6 +66,8 @@
     <string name="settings_auto_delete_option_keep_forever">Всегда</string>
     <string name="settings_auto_delete_option_keep_for_one_month">1 месяц</string>
     <string name="settings_section_advanced">Расширенные</string>
+    <string name="settings_section_experimental">Экспериментальное</string>
+    <string name="settings_option_enable_audio_player">Аудиоплеер</string>
     <string name="settings_clear_all_articles_text">Вы уверены, что хотите удалить все прочитанные, не избранные статьи с вашего устройства? Это действие нельзя отменить.</string>
     <string name="settings_article_list_title">Список статей</string>
     <string name="opml_exporter_failure">Экспорт не удался</string>
diff --git a/app/src/main/res/values-sv/strings.xml b/app/src/main/res/values-sv/strings.xml
index 72ea8d987..4bdd96922 100644
--- a/app/src/main/res/values-sv/strings.xml
+++ b/app/src/main/res/values-sv/strings.xml
@@ -150,6 +150,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 månad</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 månader</string>
     <string name="settings_section_advanced">Avancerat</string>
+    <string name="settings_section_experimental">Experimentellt</string>
+    <string name="settings_option_enable_audio_player">Ljudspelare</string>
     <string name="settings_clear_all_articles_confirm">Bekräfta</string>
     <string name="settings_clear_all_articles_button">Rensa alla artiklar</string>
     <string name="settings_support_button">Support</string>
diff --git a/app/src/main/res/values-tr/strings.xml b/app/src/main/res/values-tr/strings.xml
index f3dcf505b..d9813f8aa 100644
--- a/app/src/main/res/values-tr/strings.xml
+++ b/app/src/main/res/values-tr/strings.xml
@@ -133,6 +133,8 @@
     <string name="filter_action_menu_search_articles">Makale ara</string>
     <string name="feed_list_top_bar_close_search">Aramayı kapat</string>
     <string name="settings_section_advanced">Gelişmiş</string>
+    <string name="settings_section_experimental">Deneysel</string>
+    <string name="settings_option_enable_audio_player">Ses oynatıcı</string>
     <string name="settings_panel_general_title">Genel</string>
     <string name="settings_account_title">Hesap</string>
     <string name="settings_about_title">Hakkında</string>
diff --git a/app/src/main/res/values-uk/strings.xml b/app/src/main/res/values-uk/strings.xml
index 4e09effbd..3197bd3ef 100644
--- a/app/src/main/res/values-uk/strings.xml
+++ b/app/src/main/res/values-uk/strings.xml
@@ -180,6 +180,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">Місяць</string>
     <string name="settings_auto_delete_option_keep_for_three_month">Три місяці</string>
     <string name="settings_section_advanced">Додаткове</string>
+    <string name="settings_section_experimental">Експериментальне</string>
+    <string name="settings_option_enable_audio_player">Аудіоплеєр</string>
     <string name="settings_clear_all_articles_confirm">Підтвердити</string>
     <string name="settings_clear_all_articles_text">Точно видалити всі прочитані невподобані статті з пристрою? Це незворотна дія.</string>
     <string name="settings_clear_all_articles_button">Видалити всі статті</string>
diff --git a/app/src/main/res/values-zh-rCN/strings.xml b/app/src/main/res/values-zh-rCN/strings.xml
index b8f8a6ba0..842c4ef20 100644
--- a/app/src/main/res/values-zh-rCN/strings.xml
+++ b/app/src/main/res/values-zh-rCN/strings.xml
@@ -146,6 +146,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 个月</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 个月</string>
     <string name="settings_section_advanced">高级</string>
+    <string name="settings_section_experimental">实验性</string>
+    <string name="settings_option_enable_audio_player">音频播放器</string>
     <string name="settings_clear_all_articles_confirm">确认</string>
     <string name="settings_clear_all_articles_button">清除所有文章</string>
     <string name="settings_support_button">支持</string>
diff --git a/app/src/main/res/values-zh-rTW/strings.xml b/app/src/main/res/values-zh-rTW/strings.xml
index 377adaff5..b19f6268f 100644
--- a/app/src/main/res/values-zh-rTW/strings.xml
+++ b/app/src/main/res/values-zh-rTW/strings.xml
@@ -59,6 +59,8 @@
     <string name="settings_auto_delete_option_keep_for_three_month">3 個月</string>
     <string name="settings_auto_delete_option_keep_for_two_week">2 週</string>
     <string name="settings_section_advanced">進階</string>
+    <string name="settings_section_experimental">實驗性</string>
+    <string name="settings_option_enable_audio_player">音訊播放器</string>
     <string name="settings_clear_all_articles_confirm">確認</string>
     <string name="settings_clear_all_articles_text">確認要從裝置中刪除全部已讀且未加星標的文章嗎？此操作不可撤銷。</string>
     <string name="settings_gestures_reader_swipe_down">向下滑動</string>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 895f51158..88321574f 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -196,6 +196,8 @@
     <string name="settings_auto_delete_option_keep_for_one_month">1 month</string>
     <string name="settings_auto_delete_option_keep_for_three_month">3 months</string>
     <string name="settings_section_advanced">Advanced</string>
+    <string name="settings_section_experimental">Experimental</string>
+    <string name="settings_option_enable_audio_player">Audio player</string>
     <string name="settings_clear_all_articles_confirm">Confirm</string>
     <string name="settings_clear_all_articles_text">Are you sure you want to delete all read, unstarred articles from your device? This action cannot be undone.</string>
     <string name="settings_clear_all_articles_button">Clear all articles</string>
@@ -307,4 +309,7 @@
     <string name="freshrss_visibility_option_important">Important</string>
     <string name="freshrss_visibility_option_category">Category</string>
     <string name="freshrss_visibility_option_feed">Feed</string>
+    <string name="audio_player_play">Play</string>
+    <string name="audio_player_pause">Pause</string>
+    <string name="audio_player_close">Close player</string>
 </resources>
diff --git a/article_forge/main.rb b/article_forge/main.rb
index 6340b7e22..d12b2644f 100644
--- a/article_forge/main.rb
+++ b/article_forge/main.rb
@@ -62,6 +62,25 @@
   }.merge(colors)
 end
 
+get "/audio-enclosure" do
+  colors = ColorPicker.pick(params["theme"])
+
+  examples = [
+    { "label" => "With artwork and duration", "title" => "Episode Title Here", "feed" => "Podcast Name", "duration" => "52:02", "artwork" => "https://picsum.photos/200", "playing" => false },
+    { "label" => "With artwork, no duration", "title" => "Another Episode", "feed" => "Another Podcast", "duration" => nil, "artwork" => "https://picsum.photos/201", "playing" => false },
+    { "label" => "Without artwork (placeholder)", "title" => "No Artwork Episode", "feed" => "Minimal Podcast", "duration" => "2:02:35", "artwork" => nil, "playing" => false },
+    { "label" => "Long title (truncation test)", "title" => "This Is A Very Long Episode Title That Should Be Truncated At Some Point", "feed" => "The Extremely Long Podcast Name That Goes On And On", "duration" => "30:00", "artwork" => "https://picsum.photos/202", "playing" => false },
+    { "label" => "Playing state", "title" => "Currently Playing Episode", "feed" => "Active Podcast", "duration" => "45:30", "artwork" => "https://picsum.photos/203", "playing" => true },
+    { "label" => "Very long title", "title" => "Episode 247: Why Do We Dream? The Science Behind Sleep, REM Cycles, and What Your Subconscious Might Be Trying to Tell You About Your Waking Life", "feed" => "The Extremely Curious Science Podcast With Dr. Jane Smith and Professor John Doe", "duration" => "1:42:15", "artwork" => "https://picsum.photos/204", "playing" => false },
+  ]
+
+  liquid :"audio-enclosure", locals: {
+    font_size: params["font_size"] || "16px",
+    title_font_size: params["title_font_size"] || "1.5em",
+    examples: examples,
+  }.merge(colors)
+end
+
 def published(timestamp)
   return "" if !timestamp
 
diff --git a/article_forge/public/assets/audio-placeholder.svg b/article_forge/public/assets/audio-placeholder.svg
new file mode 100644
index 000000000..a13d25d2f
--- /dev/null
+++ b/article_forge/public/assets/audio-placeholder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M280-120h-80q-33 0-56.5-23.5T120-200v-280q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480v280q0 33-23.5 56.5T760-120h-80q-33 0-56.5-23.5T600-200v-160q0-33 23.5-56.5T680-440h80v-40q0-117-81.5-198.5T480-760q-117 0-198.5 81.5T200-480v40h80q33 0 56.5 23.5T360-360v160q0 33-23.5 56.5T280-120Z"/></svg>
\ No newline at end of file
diff --git a/article_forge/public/assets/pause.svg b/article_forge/public/assets/pause.svg
new file mode 100644
index 000000000..e4e3ffd3e
--- /dev/null
+++ b/article_forge/public/assets/pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M640-200q-33 0-56.5-23.5T560-280v-400q0-33 23.5-56.5T640-760q33 0 56.5 23.5T720-680v400q0 33-23.5 56.5T640-200Zm-320 0q-33 0-56.5-23.5T240-280v-400q0-33 23.5-56.5T320-760q33 0 56.5 23.5T400-680v400q0 33-23.5 56.5T320-200Z"/></svg>
\ No newline at end of file
diff --git a/article_forge/public/assets/play-arrow.svg b/article_forge/public/assets/play-arrow.svg
index b065533e1..e5536a110 100644
--- a/article_forge/public/assets/play-arrow.svg
+++ b/article_forge/public/assets/play-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFF"><path d="M320-273v-414q0-17 12-28.5t28-11.5q5 0 10.5 1.5T381-721l326 207q9 6 13.5 15t4.5 19q0 10-4.5 19T707-446L381-239q-5 3-10.5 4.5T360-233q-16 0-28-11.5T320-273Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M320-273v-414q0-17 12-28.5t28-11.5q5 0 10.5 1.5T381-721l326 207q9 6 13.5 15t4.5 19q0 10-4.5 19T707-446L381-239q-5 3-10.5 4.5T360-233q-16 0-28-11.5T320-273Z"/></svg>
\ No newline at end of file
diff --git a/article_forge/style/stylesheet.scss b/article_forge/style/stylesheet.scss
index 329ca57de..5673e6ec9 100644
--- a/article_forge/style/stylesheet.scss
+++ b/article_forge/style/stylesheet.scss
@@ -187,6 +187,126 @@ video {
   }
 }
 
+.audio-enclosure {
+  display: flex;
+  align-items: start;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  margin-bottom: 1.5rem;
+  background-color: var(--color-surface-container);
+  border-radius: 0.75rem;
+  -webkit-tap-highlight-color: transparent;
+
+  div {
+    margin: 0;
+  }
+
+  .audio-enclosure__artwork {
+    width: 4em;
+    height: 4em;
+    flex-shrink: 0;
+    aspect-ratio: 1;
+    background-color: var(--color-surface-variant);
+    border-radius: 0.5rem;
+    overflow: hidden;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      opacity: 1;
+    }
+
+    .audio-enclosure__artwork-placeholder {
+      width: 100%;
+      height: 100%;
+      background-color: var(--color-on-surface-variant);
+      mask-image: url("/assets/audio-placeholder.svg");
+      mask-size: 2rem;
+      mask-repeat: no-repeat;
+      mask-position: center;
+      opacity: 0.6;
+    }
+  }
+
+  .audio-enclosure__content {
+    flex: 1;
+    text-align: left;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    line-height: normal;
+    gap: 0.2rem;
+  }
+
+  .audio-enclosure__title {
+    font-weight: 500;
+    font-size: var(--article-font-size);
+    line-height: 1;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    line-clamp: 2;
+  }
+
+  .audio-enclosure__feed {
+    color: var(--color-on-surface-variant);
+    font-size: calc(var(--article-font-size) * 0.85);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .audio-enclosure__duration {
+    color: var(--color-on-surface-variant);
+    font-size: calc(var(--article-font-size) * 0.75);
+  }
+
+  .audio-enclosure__play-button {
+    width: 3rem;
+    height: 3rem;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    align-self: center;
+    justify-content: center;
+    background-color: var(--color-primary-container);
+    border-radius: 50%;
+    cursor: pointer;
+    overflow: hidden;
+    -webkit-tap-highlight-color: transparent;
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background-color: var(--color-on-primary-container);
+      border-radius: 50%;
+      opacity: 0;
+    }
+
+    &:active::after {
+      opacity: 0.2;
+    }
+  }
+
+  .audio-enclosure__play-icon {
+    width: 1.5rem;
+    height: 1.5rem;
+    background-color: var(--color-on-primary-container);
+    mask-image: url("/assets/play-arrow.svg");
+    mask-size: contain;
+    mask-repeat: no-repeat;
+    mask-position: center;
+  }
+
+  .audio-enclosure__play-button.playing .audio-enclosure__play-icon {
+    mask-image: url("/assets/pause.svg");
+  }
+}
+
 ul:has(img) {
   list-style-type: none;
   padding-left: 0;
diff --git a/article_forge/style_minifier.rb b/article_forge/style_minifier.rb
index 790766762..414812410 100644
--- a/article_forge/style_minifier.rb
+++ b/article_forge/style_minifier.rb
@@ -7,8 +7,12 @@ class StyleMinifier
 
   def self.minify(destination: "public/assets")
     compressed_css = Sass.compile("style/#{BASE_NAME}.scss", style: :compressed).css
-    compressed_css = compressed_css.gsub('url("/', 'url("https://appassets.androidplatform.net/')
 
+    # Local version keeps /assets/ paths for development
     File.write("#{destination}/#{File.basename("#{BASE_NAME}.css")}", compressed_css)
+
+    # Android version with appassets URLs
+    android_css = compressed_css.gsub('url("/', 'url("https://appassets.androidplatform.net/')
+    File.write("dist/#{File.basename("#{BASE_NAME}.css")}", android_css)
   end
 end
diff --git a/article_forge/views/audio-enclosure.liquid b/article_forge/views/audio-enclosure.liquid
new file mode 100644
index 000000000..81df44f2e
--- /dev/null
+++ b/article_forge/views/audio-enclosure.liquid
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html dir="auto">
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      :root {
+        --color-primary: {{color_primary}};
+        --color-surface: {{color_surface}};
+        --color-surface-container-highest: {{color_surface_container_highest}};
+        --color-on-surface: {{color_on_surface}};
+        --color-on-surface-variant: {{color_on_surface_variant}};
+        --color-surface-variant: {{color_surface_variant}};
+        --color-primary-container: {{color_primary_container}};
+        --color-on-primary-container: {{color_on_primary_container}};
+        --color-secondary: {{color_secondary}};
+        --color-surface-container: {{color_surface_container}};
+        --color-surface-tint: {{color_surface_tint}};
+        --article-top-margin: 0;
+        --article-font-size: {{font_size}};
+        --article-title-font-size: {{title_font_size}};
+        --article-title-text-align: left;
+        --pre-white-space: pre-wrap;
+      }
+    </style>
+    <link rel="stylesheet" href="/assets/stylesheet.css">
+    <script type="text/javascript" src="/assets/media.js"></script>
+  </head>
+  <body>
+    <article role="main">
+      <header>
+        <a class="article__header" href="#">
+          <h1 class="article__title">Audio Enclosure Tests</h1>
+        </a>
+      </header>
+      <div class="article__body">
+        <div id="article-body-content">
+          {% for example in examples %}
+          <h3>{{ example.label }}</h3>
+          <div class="audio-enclosure">
+            <div class="audio-enclosure__artwork">
+              {% if example.artwork %}
+              <img src="{{ example.artwork }}" loading="lazy">
+              {% else %}
+              <div class="audio-enclosure__artwork-placeholder"></div>
+              {% endif %}
+            </div>
+            <div class="audio-enclosure__content">
+              <div class="audio-enclosure__title">{{ example.title }}</div>
+              <div class="audio-enclosure__feed">{{ example.feed }}</div>
+              {% if example.duration %}
+              <div class="audio-enclosure__duration">{{ example.duration }}</div>
+              {% endif %}
+            </div>
+            <div class="audio-enclosure__play-button{% if example.playing %} playing{% endif %}" onclick="playAudio('{{ example.title }}')">
+              <div class="audio-enclosure__play-icon"></div>
+            </div>
+          </div>
+          {% endfor %}
+
+          <script>
+            function playAudio(title) {
+              console.log('Play audio:', title);
+            }
+          </script>
+        </div>
+      </div>
+    </article>
+  </body>
+</html>
diff --git a/capy/src/main/assets/audio-placeholder.svg b/capy/src/main/assets/audio-placeholder.svg
new file mode 100644
index 000000000..9af86887b
--- /dev/null
+++ b/capy/src/main/assets/audio-placeholder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M280-120h-80q-33 0-56.5-23.5T120-200v-280q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-480v280q0 33-23.5 56.5T760-120h-80q-33 0-56.5-23.5T600-200v-160q0-33 23.5-56.5T680-440h80v-40q0-117-81.5-198.5T480-760q-117 0-198.5 81.5T200-480v40h80q33 0 56.5 23.5T360-360v160q0 33-23.5 56.5T280-120Z"/></svg>
\ No newline at end of file
diff --git a/capy/src/main/assets/media.js b/capy/src/main/assets/media.js
index fd77b9035..8494b793a 100644
--- a/capy/src/main/assets/media.js
+++ b/capy/src/main/assets/media.js
@@ -262,10 +262,75 @@ window.addEventListener("DOMContentLoaded", () => {
   cleanEmbeds();
 });
 
+/** @type {string | null} */
+let currentPlayingUrl = null;
+
+/** @type {boolean} */
+let isCurrentlyPlaying = false;
+
+/**
+ * Toggle audio playback - play if stopped, pause if playing
+ * @param {string} url
+ * @param {string} title
+ * @param {string} feedName
+ * @param {number | null} durationSeconds
+ * @param {string} artworkUrl
+ */
+function playAudio(url, title, feedName, durationSeconds, artworkUrl) {
+  if (currentPlayingUrl === url && isCurrentlyPlaying) {
+    Android.pauseAudio();
+  } else {
+    const audioData = JSON.stringify({
+      url: url,
+      title: title,
+      feedName: feedName,
+      durationSeconds: durationSeconds,
+      artworkUrl: artworkUrl || null
+    });
+    Android.openAudioPlayer(audioData);
+  }
+}
+
+/**
+ * Update the play/pause state for an audio enclosure
+ * Called from Android when play state changes
+ * @param {string} url
+ * @param {boolean} isPlaying
+ */
+function updateAudioPlayState(url, isPlaying) {
+  currentPlayingUrl = url;
+  isCurrentlyPlaying = isPlaying;
+
+  const enclosures = document.querySelectorAll('.audio-enclosure');
+  enclosures.forEach((enclosure) => {
+    const enclosureUrl = enclosure.getAttribute('data-url');
+    const playButton = enclosure.querySelector('.audio-enclosure__play-button');
+    if (!playButton) return;
+
+    if (enclosureUrl === url) {
+      playButton.classList.toggle('playing', isPlaying);
+    } else {
+      playButton.classList.remove('playing');
+    }
+  });
+}
+
+/**
+ * Reset all audio enclosures to not playing state
+ * Called from Android when audio is dismissed
+ */
+function resetAudioPlayState() {
+  currentPlayingUrl = null;
+  isCurrentlyPlaying = false;
+  const playButtons = document.querySelectorAll('.audio-enclosure__play-button');
+  playButtons.forEach((btn) => btn.classList.remove('playing'));
+}
+
 window.onload = () => {
   addImageClickListeners();
   addImageLoadListeners();
   observeImages();
   addEmbedListeners();
   configureVideoTags();
+  Android.requestAudioState();
 };
diff --git a/capy/src/main/assets/pause.svg b/capy/src/main/assets/pause.svg
new file mode 100644
index 000000000..e4e3ffd3e
--- /dev/null
+++ b/capy/src/main/assets/pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M640-200q-33 0-56.5-23.5T560-280v-400q0-33 23.5-56.5T640-760q33 0 56.5 23.5T720-680v400q0 33-23.5 56.5T640-200Zm-320 0q-33 0-56.5-23.5T240-280v-400q0-33 23.5-56.5T320-760q33 0 56.5 23.5T400-680v400q0 33-23.5 56.5T320-200Z"/></svg>
\ No newline at end of file
diff --git a/capy/src/main/assets/play-arrow.svg b/capy/src/main/assets/play-arrow.svg
index e3d0a39f0..e5536a110 100644
--- a/capy/src/main/assets/play-arrow.svg
+++ b/capy/src/main/assets/play-arrow.svg
@@ -1,3 +1 @@
-<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.6667 40.075V15.925C18.6667 15.2639 18.9 14.7097 19.3667 14.2625C19.8333 13.8153 20.3778 13.5917 21 13.5917C21.1944 13.5917 21.3986 13.6208 21.6125 13.6792C21.8264 13.7375 22.0306 13.825 22.225 13.9417L41.2417 26.0167C41.5917 26.25 41.8542 26.5417 42.0292 26.8917C42.2042 27.2417 42.2917 27.6111 42.2917 28C42.2917 28.3889 42.2042 28.7583 42.0292 29.1083C41.8542 29.4583 41.5917 29.75 41.2417 29.9833L22.225 42.0583C22.0306 42.175 21.8264 42.2625 21.6125 42.3208C21.3986 42.3792 21.1944 42.4083 21 42.4083C20.3778 42.4083 19.8333 42.1847 19.3667 41.7375C18.9 41.2903 18.6667 40.7361 18.6667 40.075Z" fill="white"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#1f1f1f"><path d="M320-273v-414q0-17 12-28.5t28-11.5q5 0 10.5 1.5T381-721l326 207q9 6 13.5 15t4.5 19q0 10-4.5 19T707-446L381-239q-5 3-10.5 4.5T360-233q-16 0-28-11.5T320-273Z"/></svg>
\ No newline at end of file
diff --git a/capy/src/main/assets/stylesheet.css b/capy/src/main/assets/stylesheet.css
index 860ea90a8..8f5de8f37 100644
--- a/capy/src/main/assets/stylesheet.css
+++ b/capy/src/main/assets/stylesheet.css
@@ -1 +1 @@
-@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/atkinson_hyperlegible.ttf") format("truetype")}@font-face{font-family:"Inter";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/inter.ttf") format("truetype")}@font-face{font-family:"Jost";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/jost.ttf") format("truetype")}@font-face{font-family:"Literata";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/literata.ttf") format("truetype")}@font-face{font-family:"Poppins";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/poppins.ttf") format("truetype")}@font-face{font-family:"Vollkorn";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/vollkorn.ttf") format("truetype")}:root{--corner-radius: 0.1875rem;--article-line-height: 1.6em;--article-title-font-size: 1.5em;--article-title-text-align: left}::selection{background-color:rgb(from var(--color-secondary) r g b/60%)}body{font-family:sans-serif;word-wrap:break-word;margin:var(--article-top-margin) 0 0 0;padding:2rem 1rem;background-color:var(--color-surface);color:var(--color-on-surface);-webkit-tap-highlight-color:rgb(from var(--color-primary) r g b/30%)}@media only screen and (min-width: 769px){body{padding:2rem 4rem}}a:link,a:visited{color:var(--color-primary)}code,pre{background:var(--color-surface-container);border-radius:var(--corner-radius)}code{padding:.2em}pre{white-space:var(--pre-white-space);overflow-x:scroll;padding:1em}img,figure,video,div,object{max-width:100%;height:auto;margin:0 auto}img{opacity:0;transition:opacity .1s ease-in}img.loaded{opacity:1}figure{margin-bottom:1em;line-height:1.2em;font-size:calc(var(--article-font-size)*.75);color:var(--color-on-surface-variant)}figure blockquote{font-size:var(--article-font-size);color:var(--color-on-surface);line-height:normal}.iframe-embed{display:block;position:relative;width:100%;border:0;border-radius:var(--corner-radius)}.iframe-embed .iframe-embed__image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--corner-radius)}.iframe-embed .iframe-embed__play-button{background-color:rgba(0,0,0,.6);border-radius:50%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:4rem;aspect-ratio:1;background-image:url("https://appassets.androidplatform.net/assets/play-arrow.svg");background-repeat:no-repeat;background-size:3em;background-position:center}iframe{max-width:100%;margin:0 auto}iframe[src*="youtube-nocookie.com"],iframe[src*="youtube.com"],iframe[src*="youtu.be"]{background-color:#000;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--corner-radius)}video{width:100%;background-color:#000}video::-webkit-media-controls-fullscreen-button{display:none}ul:has(img){list-style-type:none;padding-left:0}.table__wrapper{width:100%}.table__wrapper table{table-layout:fixed;width:100%;border-spacing:0}.table__wrapper table table{margin-bottom:0;border:none}.table__wrapper td,.table__wrapper th{border:1px solid #999;padding:.2rem;text-align:left;word-wrap:break-word}.table__wrapper td:empty:not(:first-child){border:none;padding:0;display:none}.table__wrapper td:has(pre){border:none;padding:0}.article__header{display:block;margin-bottom:1.5rem;max-width:40rem;margin:0 auto 1rem;text-align:var(--article-title-text-align)}.article__header:link,.article__header:visited{text-decoration:none}.article__title{margin:0;padding-bottom:.5rem;font-size:var(--article-title-font-size)}.article__title:empty{padding:0;margin:0}.article__body{font-size:var(--article-font-size)}#article-body-content{line-height:var(--article-line-height);padding-bottom:6rem;max-width:40rem}#article-body-content img{background-color:var(--color-surface-container-highest)}.article__body--font-default{font-family:sans-serif}.article__body--font-atkinson_hyperlegible{font-family:"Atkinson Hyperlegible"}.article__body--font-inter{font-family:"Inter"}.article__body--font-jost{font-family:"Jost"}.article__body--font-literata{font-family:"Literata"}.article__body--font-poppins{font-family:"Poppins"}.article__body--font-vollkorn{font-family:"Vollkorn"}.article__title--font-default{font-family:sans-serif}.article__title--font-atkinson_hyperlegible{font-family:"Atkinson Hyperlegible"}.article__title--font-inter{font-family:"Inter"}.article__title--font-jost{font-family:"Jost"}.article__title--font-literata{font-family:"Literata"}.article__title--font-poppins{font-family:"Poppins"}.article__title--font-vollkorn{font-family:"Vollkorn"}
\ No newline at end of file
+@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/atkinson_hyperlegible.ttf") format("truetype")}@font-face{font-family:"Inter";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/inter.ttf") format("truetype")}@font-face{font-family:"Jost";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/jost.ttf") format("truetype")}@font-face{font-family:"Literata";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/literata.ttf") format("truetype")}@font-face{font-family:"Poppins";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/poppins.ttf") format("truetype")}@font-face{font-family:"Vollkorn";font-style:normal;font-weight:normal;src:url("https://appassets.androidplatform.net/res/font/vollkorn.ttf") format("truetype")}:root{--corner-radius: 0.1875rem;--article-line-height: 1.6em;--article-title-font-size: 1.5em;--article-title-text-align: left}::selection{background-color:rgb(from var(--color-secondary) r g b/60%)}body{font-family:sans-serif;word-wrap:break-word;margin:var(--article-top-margin) 0 0 0;padding:2rem 1rem;background-color:var(--color-surface);color:var(--color-on-surface);-webkit-tap-highlight-color:rgb(from var(--color-primary) r g b/30%)}@media only screen and (min-width: 769px){body{padding:2rem 4rem}}a:link,a:visited{color:var(--color-primary)}code,pre{background:var(--color-surface-container);border-radius:var(--corner-radius)}code{padding:.2em}pre{white-space:var(--pre-white-space);overflow-x:scroll;padding:1em}img,figure,video,div,object{max-width:100%;height:auto;margin:0 auto}img{opacity:0;transition:opacity .1s ease-in}img.loaded{opacity:1}figure{margin-bottom:1em;line-height:1.2em;font-size:calc(var(--article-font-size)*.75);color:var(--color-on-surface-variant)}figure blockquote{font-size:var(--article-font-size);color:var(--color-on-surface);line-height:normal}.iframe-embed{display:block;position:relative;width:100%;border:0;border-radius:var(--corner-radius)}.iframe-embed .iframe-embed__image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--corner-radius)}.iframe-embed .iframe-embed__play-button{background-color:rgba(0,0,0,.6);border-radius:50%;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;width:4rem;aspect-ratio:1;background-image:url("https://appassets.androidplatform.net/assets/play-arrow.svg");background-repeat:no-repeat;background-size:3em;background-position:center}iframe{max-width:100%;margin:0 auto}iframe[src*="youtube-nocookie.com"],iframe[src*="youtube.com"],iframe[src*="youtu.be"]{background-color:#000;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--corner-radius)}video{width:100%;background-color:#000}video::-webkit-media-controls-fullscreen-button{display:none}.audio-enclosure{display:flex;align-items:start;gap:.75rem;padding:.75rem;margin-bottom:1.5rem;background-color:var(--color-surface-container);border-radius:.75rem;-webkit-tap-highlight-color:rgba(0,0,0,0)}.audio-enclosure div{margin:0}.audio-enclosure .audio-enclosure__artwork{width:4em;height:4em;flex-shrink:0;aspect-ratio:1;background-color:var(--color-surface-variant);border-radius:.5rem;overflow:hidden}.audio-enclosure .audio-enclosure__artwork img{width:100%;height:100%;object-fit:cover;opacity:1}.audio-enclosure .audio-enclosure__artwork .audio-enclosure__artwork-placeholder{width:100%;height:100%;background-color:var(--color-on-surface-variant);mask-image:url("https://appassets.androidplatform.net/assets/audio-placeholder.svg");mask-size:2rem;mask-repeat:no-repeat;mask-position:center;opacity:.6}.audio-enclosure .audio-enclosure__content{flex:1;text-align:left;min-width:0;display:flex;flex-direction:column;line-height:normal;gap:.2rem}.audio-enclosure .audio-enclosure__title{font-weight:500;font-size:var(--article-font-size);line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.audio-enclosure .audio-enclosure__feed{color:var(--color-on-surface-variant);font-size:calc(var(--article-font-size)*.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-enclosure .audio-enclosure__duration{color:var(--color-on-surface-variant);font-size:calc(var(--article-font-size)*.75)}.audio-enclosure .audio-enclosure__play-button{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;align-self:center;justify-content:center;background-color:var(--color-primary-container);border-radius:50%;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.audio-enclosure .audio-enclosure__play-button::after{content:"";position:absolute;inset:0;background-color:var(--color-on-primary-container);border-radius:50%;opacity:0}.audio-enclosure .audio-enclosure__play-button:active::after{opacity:.2}.audio-enclosure .audio-enclosure__play-icon{width:1.5rem;height:1.5rem;background-color:var(--color-on-primary-container);mask-image:url("https://appassets.androidplatform.net/assets/play-arrow.svg");mask-size:contain;mask-repeat:no-repeat;mask-position:center}.audio-enclosure .audio-enclosure__play-button.playing .audio-enclosure__play-icon{mask-image:url("https://appassets.androidplatform.net/assets/pause.svg")}ul:has(img){list-style-type:none;padding-left:0}.table__wrapper{width:100%}.table__wrapper table{table-layout:fixed;width:100%;border-spacing:0}.table__wrapper table table{margin-bottom:0;border:none}.table__wrapper td,.table__wrapper th{border:1px solid #999;padding:.2rem;text-align:left;word-wrap:break-word}.table__wrapper td:empty:not(:first-child){border:none;padding:0;display:none}.table__wrapper td:has(pre){border:none;padding:0}.article__header{display:block;margin-bottom:1.5rem;max-width:40rem;margin:0 auto 1rem;text-align:var(--article-title-text-align)}.article__header:link,.article__header:visited{text-decoration:none}.article__title{margin:0;padding-bottom:.5rem;font-size:var(--article-title-font-size)}.article__title:empty{padding:0;margin:0}.article__body{font-size:var(--article-font-size)}#article-body-content{line-height:var(--article-line-height);padding-bottom:6rem;max-width:40rem}#article-body-content img{background-color:var(--color-surface-container-highest)}.article__body--font-default{font-family:sans-serif}.article__body--font-atkinson_hyperlegible{font-family:"Atkinson Hyperlegible"}.article__body--font-inter{font-family:"Inter"}.article__body--font-jost{font-family:"Jost"}.article__body--font-literata{font-family:"Literata"}.article__body--font-poppins{font-family:"Poppins"}.article__body--font-vollkorn{font-family:"Vollkorn"}.article__title--font-default{font-family:sans-serif}.article__title--font-atkinson_hyperlegible{font-family:"Atkinson Hyperlegible"}.article__title--font-inter{font-family:"Inter"}.article__title--font-jost{font-family:"Jost"}.article__title--font-literata{font-family:"Literata"}.article__title--font-poppins{font-family:"Poppins"}.article__title--font-vollkorn{font-family:"Vollkorn"}
\ No newline at end of file
diff --git a/capy/src/main/java/com/jocmp/capy/accounts/local/LocalAccountDelegate.kt b/capy/src/main/java/com/jocmp/capy/accounts/local/LocalAccountDelegate.kt
index 66a57431c..920d5e306 100644
--- a/capy/src/main/java/com/jocmp/capy/accounts/local/LocalAccountDelegate.kt
+++ b/capy/src/main/java/com/jocmp/capy/accounts/local/LocalAccountDelegate.kt
@@ -265,6 +265,8 @@ internal class LocalAccountDelegate(
                             url = it.url.toString(),
                             type = it.type,
                             articleID = parsedItem.id,
+                            itunesDurationSeconds = it.itunesDurationSeconds?.toString(),
+                            itunesImage = it.itunesImage,
                         )
                     }
                 }
diff --git a/capy/src/main/java/com/jocmp/capy/accounts/local/ParsedItem.kt b/capy/src/main/java/com/jocmp/capy/accounts/local/ParsedItem.kt
index 8cdba18b6..b0eeac199 100644
--- a/capy/src/main/java/com/jocmp/capy/accounts/local/ParsedItem.kt
+++ b/capy/src/main/java/com/jocmp/capy/accounts/local/ParsedItem.kt
@@ -4,7 +4,6 @@ import com.jocmp.capy.Enclosure
 import com.jocmp.capy.common.optionalURL
 import com.jocmp.capy.common.unescapingHTMLCharacters
 import com.jocmp.rssparser.model.RssItem
-import com.jocmp.rssparser.model.RssItemEnclosure
 import org.jsoup.Jsoup
 import org.jsoup.safety.Cleaner
 import org.jsoup.safety.Safelist
@@ -16,7 +15,35 @@ internal class ParsedItem(private val item: RssItem, private val siteURL: String
 
     val id: String? = item.guid.orEmpty().ifBlank { url?.ifBlank { null } }
 
-    val enclosures = item.enclosures.mapNotNull { it.toEnclosure() }
+    val enclosures: List<Enclosure> = buildEnclosures()
+
+    private fun buildEnclosures(): List<Enclosure> {
+        val enclosures = item.enclosures.mapNotNull { enclosure ->
+            val parsedUrl =
+                optionalURL(enclosure.url.unescapingHTMLCharacters) ?: return@mapNotNull null
+            val isAudio = enclosure.type.startsWith("audio/")
+
+            Enclosure(
+                url = parsedUrl,
+                type = enclosure.type,
+                itunesDurationSeconds = if (isAudio) item.itunesItemData?.duration?.parseDuration() else null,
+                itunesImage = if (isAudio) item.itunesItemData?.image else null
+            )
+        }
+
+        val audioEnclosures = item.audio?.let { audioUrl ->
+            val parsedUrl = optionalURL(audioUrl.unescapingHTMLCharacters) ?: return@let null
+
+            Enclosure(
+                url = parsedUrl,
+                type = "audio/mpeg",
+                itunesDurationSeconds = item.itunesItemData?.duration?.parseDuration(),
+                itunesImage = item.itunesItemData?.image
+            )
+        }
+
+        return (enclosures + listOfNotNull(audioEnclosures)).distinctBy { it.url.toString() }
+    }
 
     val contentHTML: String?
         get() {
@@ -81,8 +108,19 @@ internal class ParsedItem(private val item: RssItem, private val siteURL: String
     }
 }
 
-private fun RssItemEnclosure.toEnclosure(): Enclosure? {
-    val url = optionalURL(url.unescapingHTMLCharacters) ?: return null
-
-    return Enclosure(url = url, type = type, itunesDurationSeconds = null, itunesImage = null)
+/**
+ * Parses iTunes duration which can be:
+ * - Seconds only: "3122"
+ * - MM:SS format: "52:02"
+ * - HH:MM:SS format: "02:02:35"
+ */
+private fun String.parseDuration(): Long? {
+    val parts = split(":").mapNotNull { it.toLongOrNull() }
+
+    return when (parts.size) {
+        1 -> parts[0]
+        2 -> parts[0] * 60 + parts[1]
+        3 -> parts[0] * 3600 + parts[1] * 60 + parts[2]
+        else -> null
+    }
 }
diff --git a/capy/src/main/java/com/jocmp/capy/articles/ArticleEnclosuresExt.kt b/capy/src/main/java/com/jocmp/capy/articles/ArticleEnclosuresExt.kt
index 123cebc37..f25f58de9 100644
--- a/capy/src/main/java/com/jocmp/capy/articles/ArticleEnclosuresExt.kt
+++ b/capy/src/main/java/com/jocmp/capy/articles/ArticleEnclosuresExt.kt
@@ -9,6 +9,48 @@ fun Article.enclosureHTML(): String {
     return images + videos
 }
 
+fun Article.audioEnclosureHTML(
+    playLabel: String = "Play",
+    pauseLabel: String = "Pause",
+): String {
+    val audioItems = enclosures.filter { it.type.startsWith("audio/") }
+
+    if (audioItems.isEmpty()) {
+        return ""
+    }
+
+    return buildString {
+        audioItems.forEach { enclosure ->
+            val durationFormatted =
+                enclosure.itunesDurationSeconds?.let { formatDuration(it) } ?: ""
+            val artworkUrl = enclosure.itunesImage ?: ""
+            val rawUrl = enclosure.url.toString()
+            val escapedTitle = title.escapeForJs()
+            val escapedFeedName = feedName.escapeForJs()
+            val escapedArtworkUrl = artworkUrl.escapeForJs()
+            val escapedUrl = rawUrl.escapeForJs()
+
+            append(
+                """
+                <div class="audio-enclosure" data-url="${rawUrl.escapeForHtml()}">
+                    <div class="audio-enclosure__artwork">
+                        ${if (artworkUrl.isNotEmpty()) """<img src="$artworkUrl" loading="lazy">""" else """<div class="audio-enclosure__artwork-placeholder"></div>"""}
+                    </div>
+                    <div class="audio-enclosure__content">
+                        <div class="audio-enclosure__title">${title.escapeForHtml()}</div>
+                        <div class="audio-enclosure__feed">${feedName.escapeForHtml()}</div>
+                        ${if (durationFormatted.isNotEmpty()) """<div class="audio-enclosure__duration">$durationFormatted</div>""" else ""}
+                    </div>
+                    <div class="audio-enclosure__play-button" role="button" aria-label="${playLabel.escapeForHtml()}" data-play-label="${playLabel.escapeForHtml()}" data-pause-label="${pauseLabel.escapeForHtml()}" onclick="playAudio('$escapedUrl', '$escapedTitle', '$escapedFeedName', ${enclosure.itunesDurationSeconds ?: "null"}, '$escapedArtworkUrl')">
+                        <div class="audio-enclosure__play-icon"></div>
+                    </div>
+                </div>
+            """.trimIndent()
+            )
+        }
+    }
+}
+
 private fun Article.imageEnclosureHTML(): String {
     val images = enclosures.filter { it.type.startsWith("image/") }
 
@@ -38,3 +80,32 @@ private fun Article.videoEnclosureHTML(): String {
         }
     }
 }
+
+private fun formatDuration(seconds: Long): String {
+    val hours = seconds / 3600
+    val minutes = (seconds % 3600) / 60
+    val secs = seconds % 60
+
+    return if (hours > 0) {
+        "%d:%02d:%02d".format(hours, minutes, secs)
+    } else {
+        "%d:%02d".format(minutes, secs)
+    }
+}
+
+private fun String.escapeForJs(): String {
+    return this
+        .replace("\\", "\\\\")
+        .replace("'", "\\'")
+        .replace("\"", "\\\"")
+        .replace("\n", "\\n")
+        .replace("\r", "\\r")
+}
+
+private fun String.escapeForHtml(): String {
+    return this
+        .replace("&", "&amp;")
+        .replace("<", "&lt;")
+        .replace(">", "&gt;")
+        .replace("\"", "&quot;")
+}
diff --git a/capy/src/main/java/com/jocmp/capy/articles/ArticleRenderer.kt b/capy/src/main/java/com/jocmp/capy/articles/ArticleRenderer.kt
index ad656e2aa..64380cb53 100644
--- a/capy/src/main/java/com/jocmp/capy/articles/ArticleRenderer.kt
+++ b/capy/src/main/java/com/jocmp/capy/articles/ArticleRenderer.kt
@@ -15,6 +15,8 @@ class ArticleRenderer(
     private val titleFollowsBodyFont: Preference<Boolean>,
     private val hideTopMargin: Preference<Boolean>,
     private val enableHorizontalScroll: Preference<Boolean>,
+    private val enableAudioPlayer: Preference<Boolean>,
+    private val audioPlayerLabels: AudioPlayerLabels = AudioPlayerLabels(),
 ) {
     private val template by lazy {
         context.resources.openRawResource(CapyRes.raw.template)
@@ -74,8 +76,16 @@ class ArticleRenderer(
         return if (article.parseFullContent) {
             parseHtml(article, hideImages)
         } else {
-            val enclosures = article.enclosureHTML()
-            article.content + enclosures + postProcessScript(article, hideImages)
+            val audioEnclosures = if (enableAudioPlayer.get()) {
+                article.audioEnclosureHTML(
+                    playLabel = audioPlayerLabels.play,
+                    pauseLabel = audioPlayerLabels.pause,
+                )
+            } else {
+                ""
+            }
+            val otherEnclosures = article.enclosureHTML()
+            audioEnclosures + article.content + otherEnclosures + postProcessScript(article, hideImages)
         }
     }
 
@@ -110,3 +120,8 @@ private fun Article.externalLink(): String {
 
     return potentialURL?.toString() ?: ""
 }
+
+data class AudioPlayerLabels(
+    val play: String = "Play",
+    val pause: String = "Pause",
+)
diff --git a/capy/src/test/java/com/jocmp/capy/accounts/local/ParsedItemTest.kt b/capy/src/test/java/com/jocmp/capy/accounts/local/ParsedItemTest.kt
index 5897c86ec..110ffb97b 100644
--- a/capy/src/test/java/com/jocmp/capy/accounts/local/ParsedItemTest.kt
+++ b/capy/src/test/java/com/jocmp/capy/accounts/local/ParsedItemTest.kt
@@ -1,6 +1,8 @@
 package com.jocmp.capy.accounts.local
 
+import com.jocmp.rssparser.model.ItunesItemData
 import com.jocmp.rssparser.model.RssItem
+import java.net.URL
 import kotlin.test.Test
 import kotlin.test.assertEquals
 import kotlin.test.assertNull
@@ -214,4 +216,202 @@ class ParsedItemTest {
 
         assertEquals(expected = summary, actual = parsedItem.contentHTML)
     }
+
+    @Test
+    fun enclosures_audioWithItunesData_secondsFormat() {
+        val enclosureUrl = "https://example.com/episode.mp3"
+        val imageUrl = "http://example.com/artwork.png"
+        val itunesData = ItunesItemData(
+            author = "Test Author",
+            duration = "3122",
+            episode = null,
+            episodeType = "full",
+            explicit = "no",
+            image = imageUrl,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = null,
+        )
+        val item = RssItem.Builder()
+            .addEnclosure(url = enclosureUrl, type = "audio/mpeg")
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        assertEquals(expected = 1, actual = parsedItem.enclosures.size)
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = URL(enclosureUrl), actual = enclosure.url)
+        assertEquals(expected = "audio/mpeg", actual = enclosure.type)
+        assertEquals(expected = 3122L, actual = enclosure.itunesDurationSeconds)
+        assertEquals(expected = imageUrl, actual = enclosure.itunesImage)
+    }
+
+    @Test
+    fun enclosures_audioWithItunesData_hhmmssFormat() {
+        val enclosureUrl = "https://example.com/episode.mp3"
+        val itunesData = ItunesItemData(
+            author = null,
+            duration = "02:02:35",
+            episode = null,
+            episodeType = null,
+            explicit = null,
+            image = null,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = null,
+        )
+        val item = RssItem.Builder()
+            .addEnclosure(url = enclosureUrl, type = "audio/mpeg")
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = 7355L, actual = enclosure.itunesDurationSeconds)
+    }
+
+    @Test
+    fun enclosures_audioWithItunesData_mmssFormat() {
+        val enclosureUrl = "https://example.com/episode.mp3"
+        val itunesData = ItunesItemData(
+            author = null,
+            duration = "52:02",
+            episode = null,
+            episodeType = null,
+            explicit = null,
+            image = null,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = null,
+        )
+        val item = RssItem.Builder()
+            .addEnclosure(url = enclosureUrl, type = "audio/mpeg")
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = 3122L, actual = enclosure.itunesDurationSeconds)
+    }
+
+    @Test
+    fun enclosures_audioWithoutItunesData() {
+        val enclosureUrl = "https://example.com/episode.mp3"
+        val item = RssItem.Builder()
+            .addEnclosure(url = enclosureUrl, type = "audio/mpeg")
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = URL(enclosureUrl), actual = enclosure.url)
+        assertEquals(expected = "audio/mpeg", actual = enclosure.type)
+        assertNull(enclosure.itunesDurationSeconds)
+        assertNull(enclosure.itunesImage)
+    }
+
+    @Test
+    fun enclosures_nonAudioIgnoresItunesData() {
+        val enclosureUrl = "https://example.com/image.jpg"
+        val imageUrl = "http://example.com/artwork.png"
+        val itunesData = ItunesItemData(
+            author = null,
+            duration = "3122",
+            episode = null,
+            episodeType = null,
+            explicit = null,
+            image = imageUrl,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = null,
+        )
+        val item = RssItem.Builder()
+            .addEnclosure(url = enclosureUrl, type = "image/jpeg")
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = URL(enclosureUrl), actual = enclosure.url)
+        assertEquals(expected = "image/jpeg", actual = enclosure.type)
+        assertNull(enclosure.itunesDurationSeconds)
+        assertNull(enclosure.itunesImage)
+    }
+
+    @Test
+    fun enclosures_derivedFromItemAudio() {
+        val audioUrl = "https://example.com/podcast/episode.mp3"
+        val imageUrl = "http://example.com/artwork.png"
+        val itunesData = ItunesItemData(
+            author = "Test Author",
+            duration = "3122",
+            episode = "42",
+            episodeType = "full",
+            explicit = "no",
+            image = imageUrl,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = "2",
+        )
+        val item = RssItem.Builder()
+            .audio(audioUrl)
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        assertEquals(expected = 1, actual = parsedItem.enclosures.size)
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = URL(audioUrl), actual = enclosure.url)
+        assertEquals(expected = "audio/mpeg", actual = enclosure.type)
+        assertEquals(expected = 3122L, actual = enclosure.itunesDurationSeconds)
+        assertEquals(expected = imageUrl, actual = enclosure.itunesImage)
+    }
+
+    @Test
+    fun enclosures_derivedFromItemAudioWithoutItunesData() {
+        val audioUrl = "https://example.com/podcast/episode.mp3"
+        val item = RssItem.Builder()
+            .audio(audioUrl)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        assertEquals(expected = 1, actual = parsedItem.enclosures.size)
+
+        val enclosure = parsedItem.enclosures.first()
+        assertEquals(expected = URL(audioUrl), actual = enclosure.url)
+        assertEquals(expected = "audio/mpeg", actual = enclosure.type)
+        assertNull(enclosure.itunesDurationSeconds)
+        assertNull(enclosure.itunesImage)
+    }
+
+    @Test
+    fun enclosures_noDuplicatesWhenAudioMatchesEnclosure() {
+        val audioUrl = "https://example.com/podcast/episode.mp3"
+        val itunesData = ItunesItemData(
+            author = null,
+            duration = "3122",
+            episode = null,
+            episodeType = null,
+            explicit = null,
+            image = null,
+            keywords = emptyList(),
+            subtitle = null,
+            summary = null,
+            season = null,
+        )
+        val item = RssItem.Builder()
+            .audio(audioUrl)
+            .addEnclosure(url = audioUrl, type = "audio/mpeg")
+            .itunesArticleData(itunesData)
+            .build()
+        val parsedItem = ParsedItem(item, siteURL = "https://example.com")
+
+        assertEquals(expected = 1, actual = parsedItem.enclosures.size)
+    }
 }
diff --git a/capy/src/test/java/com/jocmp/capy/articles/ArticleEnclosuresExtTest.kt b/capy/src/test/java/com/jocmp/capy/articles/ArticleEnclosuresExtTest.kt
new file mode 100644
index 000000000..92cd91042
--- /dev/null
+++ b/capy/src/test/java/com/jocmp/capy/articles/ArticleEnclosuresExtTest.kt
@@ -0,0 +1,113 @@
+package com.jocmp.capy.articles
+
+import com.jocmp.capy.Article
+import com.jocmp.capy.Enclosure
+import org.junit.Test
+import java.net.URL
+import java.time.ZonedDateTime
+import kotlin.test.assertEquals
+import kotlin.test.assertContains
+
+class ArticleEnclosuresExtTest {
+
+    @Test
+    fun `audioEnclosureHTML includes audio enclosures`() {
+        val audioEnclosure = Enclosure(
+            url = URL("https://example.com/podcast.mp3"),
+            type = "audio/mpeg",
+            itunesDurationSeconds = 3600L,
+            itunesImage = "https://example.com/cover.jpg"
+        )
+
+        val article = createArticle(
+            enclosures = listOf(audioEnclosure)
+        )
+
+        val html = article.audioEnclosureHTML()
+
+        assertContains(html, "audio-enclosure")
+        assertContains(html, "https://example.com/podcast.mp3")
+        assertContains(html, "1:00:00")
+    }
+
+    @Test
+    fun `audioEnclosureHTML formats duration correctly for minutes`() {
+        val audioEnclosure = Enclosure(
+            url = URL("https://example.com/podcast.mp3"),
+            type = "audio/mpeg",
+            itunesDurationSeconds = 125L,
+            itunesImage = null
+        )
+
+        val article = createArticle(
+            enclosures = listOf(audioEnclosure)
+        )
+
+        val html = article.audioEnclosureHTML()
+
+        assertContains(html, "2:05")
+    }
+
+    @Test
+    fun `enclosureHTML excludes non-audio enclosures from audio section`() {
+        val videoEnclosure = Enclosure(
+            url = URL("https://example.com/video.mp4"),
+            type = "video/mp4",
+            itunesDurationSeconds = null,
+            itunesImage = null
+        )
+
+        val article = createArticle(
+            enclosures = listOf(videoEnclosure)
+        )
+
+        val html = article.enclosureHTML()
+
+        assertContains(html, "video")
+        assertEquals(false, html.contains("audio-enclosure"))
+    }
+
+    @Test
+    fun `audioEnclosureHTML escapes special characters in title`() {
+        val audioEnclosure = Enclosure(
+            url = URL("https://example.com/podcast.mp3"),
+            type = "audio/mpeg",
+            itunesDurationSeconds = 60L,
+            itunesImage = null
+        )
+
+        val article = createArticle(
+            title = "Test's \"Episode\"",
+            enclosures = listOf(audioEnclosure)
+        )
+
+        val html = article.audioEnclosureHTML()
+
+        // JS-escaped in onclick, HTML-escaped in content
+        assertContains(html, "Test\\'s")
+        assertContains(html, "&quot;Episode&quot;")
+    }
+
+    private fun createArticle(
+        title: String = "Test Article",
+        feedName: String = "Test Feed",
+        enclosures: List<Enclosure> = emptyList(),
+    ): Article {
+        return Article(
+            id = "1",
+            feedID = "feed-1",
+            title = title,
+            author = null,
+            contentHTML = "<p>Content</p>",
+            url = URL("https://example.com/article"),
+            summary = "Summary",
+            imageURL = null,
+            updatedAt = ZonedDateTime.now(),
+            publishedAt = ZonedDateTime.now(),
+            read = false,
+            starred = false,
+            feedName = feedName,
+            enclosures = enclosures,
+        )
+    }
+}
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index d2e8d1864..3c39297a3 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -1,5 +1,6 @@
 [versions]
 androidx-paging = "3.3.6"
+media3 = "1.5.1"
 coil = "2.7.0"
 coroutines = "1.10.2"
 glance-material3 = "1.2.0-rc01"
@@ -33,6 +34,9 @@ androidx-material = { module = "com.google.android.material:material", version =
 androidx-material-icons-extended = { module = "androidx.compose.material:material-icons-extended" }
 androidx-material3 = { module = "androidx.compose.material3:material3", version = "1.5.0-alpha11" }
 androidx-material3-window-size = { module = "androidx.compose.material3:material3-window-size-class-android", version = "1.4.0" }
+androidx-media3-datasource-okhttp = { module = "androidx.media3:media3-datasource-okhttp", version.ref = "media3" }
+androidx-media3-exoplayer = { module = "androidx.media3:media3-exoplayer", version.ref = "media3" }
+androidx-media3-session = { module = "androidx.media3:media3-session", version.ref = "media3" }
 androidx-navigation-compose = { module = "androidx.navigation:navigation-compose", version.ref = "navigation-compose" }
 androidx-paging-compose = { module = "androidx.paging:paging-compose", version.ref = "paging-compose" }
 androidx-paging-runtime-ktx = { module = "androidx.paging:paging-runtime-ktx", version.ref = "androidx-paging" }
diff --git a/types.d.ts b/types.d.ts
index 1a4df4dad..ad64cf763 100644
--- a/types.d.ts
+++ b/types.d.ts
@@ -6,6 +6,9 @@ interface MediaItem {
 declare const Android: {
   openImageGallery(imagesJson: string, clickedIndex: number): void;
   showLinkDialog(href: string, text: string): void;
+  openAudioPlayer(audioJson: string): void;
+  pauseAudio(): void;
+  requestAudioState(): void;
 };
 
 declare const Mercury: {