安卓app，MediaPlayer播放本地音频 | 按钮控制播放和停止-阿里云开发者社区

安卓app，MediaPlayer播放本地音频 | 按钮控制播放和停止

2024-06-11 1001

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 在Jetpack Compose中，不直接操作原生Android组件如`Button`和`MediaPlayer`，而是使用Compose UI构建器定义界面并结合ViewModel管理音频播放逻辑。以下示例展示如何播放本地音频并用按钮控制播放/停止：创建一个`AudioPlayerViewModel`管理`MediaPlayer`实例和播放状态，然后在Compose UI中使用`Button`根据`isPlaying`状态控制播放。记得在`MainActivity`设置Compose UI，并处理相关依赖和权限。

本文讨论内容基于 Jetpack Compose 框架

在Jetpack Compose中，我们通常不会直接操作Android的原生组件（如Button和MediaPlayer），而是会利用Compose的UI构建器来定义UI，并可能使用ViewModel和Lifecycle等组件来管理音频播放的逻辑。

以下是一个简单的例子，展示了如何在Jetpack Compose中使用MediaPlayer来播放本地音频，并使用按钮来控制播放和停止。

首先，你需要在你的项目中添加一个ViewModel来管理MediaPlayer的实例和播放状态。

viewModel

import android.content.Context  
import android.media.MediaPlayer  
import androidx.lifecycle.MutableLiveData  
import androidx.lifecycle.ViewModel  
  
class AudioPlayerViewModel : ViewModel() {  
    private var mediaPlayer: MediaPlayer? = null  
  
    // 播放状态  
    val isPlaying = MutableLiveData<Boolean>(false)  
  
    // 初始化MediaPlayer并准备播放  
    fun initPlayer(context: Context, audioResourceId: Int) {  
        mediaPlayer = MediaPlayer.create(context, audioResourceId)  
        mediaPlayer?.setOnPreparedListener {  
            isPlaying.value = false  
        }  
    }  
  
    // 播放音频  
    fun play() {  
        mediaPlayer?.start()  
        isPlaying.value = true  
    }  
  
    // 暂停音频  
    fun pause() {  
        mediaPlayer?.pause()  
        isPlaying.value = false  
    }  
  
    // 停止并释放MediaPlayer  
    fun stopAndRelease() {  
        mediaPlayer?.stop()  
        mediaPlayer?.release()  
        mediaPlayer = null  
        isPlaying.value = false  
    }  
  
    // 检查是否正在播放  
    fun isCurrentlyPlaying(): Boolean {  
        return mediaPlayer?.isPlaying ?: false  
    }  
}

Compose UI

接下来，在你的Compose UI中，你可以使用Button组件来控制播放和停止，并使用Observer来观察播放状态

import android.content.Context  
import androidx.activity.ComponentActivity  
import androidx.activity.compose.setContent  
import androidx.compose.foundation.layout.*  
import androidx.compose.runtime.*  
import androidx.compose.ui.Modifier  
import androidx.compose.ui.tooling.preview.Preview  
import androidx.lifecycle.ViewModelProvider  
import androidx.lifecycle.viewmodel.compose.viewModel  
import com.google.accompanist.insets.navigationBarsPadding  
import com.google.accompanist.insets.statusBarsPadding  
  
@Composable  
fun AudioPlayerScreen(context: Context) {  
    val viewModel: AudioPlayerViewModel = viewModel()  
  
    viewModel.initPlayer(context, R.raw.your_audio_file) // 替换为你的音频文件资源ID  
  
    BoxWithConstraints(  
        modifier = Modifier  
            .fillMaxSize()  
            .statusBarsPadding()  
            .navigationBarsPadding()  
    ) {  
        Column(  
            modifier = Modifier  
                .fillMaxSize()  
                .padding(16.dp),  
            verticalArrangement = Arrangement.Center,  
            horizontalAlignment = Alignment.CenterHorizontally  
        ) {  
            Button(  
                onClick = {  
                    if (viewModel.isCurrentlyPlaying()) {  
                        viewModel.pause()  
                    } else {  
                        viewModel.play()  
                    }  
                }  
            ) {  
                Text(  
                    if (viewModel.isPlaying.value == true) "Pause" else "Play",  
                    style = MaterialTheme.typography.button  
                )  
            }  
  
            // 这里可以添加更多UI元素，如播放进度条等  
        }  
    }  
  
    // 清理MediaPlayer资源  
    DisposableEffect(Unit) {  
        onDispose {  
            viewModel.stopAndRelease()  
        }  
    }  
}  
  
@Preview(showBackground = true)  
@Composable  
fun DefaultPreview() {  
    AudioPlayerScreen(LocalContext.current)  
}  
  
// 在你的Activity中设置Compose UI  
class MainActivity : ComponentActivity() {  
    override fun onCreate(savedInstanceState: Bundle?) {  
        super.onCreate(savedInstanceState)  
        setContent {  
            AudioPlayerScreen(this)  
        }  
    }  
}

请注意，上述代码中的R.raw.your_audio_file需要替换为你的音频文件在资源目录中的ID。同时，你还需要在build.gradle文件中添加对Jetpack Compose和Accompanist（用于处理窗口内边距）的依赖。

确保你的应用有适当的权限来访问和播放音频文件。如果你的音频文件在外部存储上，你可能还需要处理运行时权限请求。

在Jetpack Compose中集成MediaPlayer以播放本地音频，并使用按钮来控制播放和停止的过程，涉及到几个关键点：状态管理、生命周期感知以及与Compose UI的交互。下面是一个示例代码片段，展示了如何在Jetpack Compose中实现这些功能。

首先，你需要在你的build.gradle文件中添加androidx.media:media依赖项，以便使用MediaPlayer：

dependencies {
    implementation 'androidx.media:media:1.4.3'
}

接下来，使用下面的Composable函数来创建UI和逻辑：

import android.media.MediaPlayer
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import kotlinx.coroutines.delay

@Composable
fun MediaPlayerDemo() {
    var mediaPlayer by remember { mutableStateOf<MediaPlayer?>(null) }
    var isPlaying by remember { mutableStateOf(false) }

    LaunchedEffect(key1 = true) {
        mediaPlayer = MediaPlayer.create(LocalContext.current, R.raw.your_audio_file)
        mediaPlayer?.setOnCompletionListener {
            isPlaying = false
        }
    }

    Column(modifier = Modifier.fillMaxSize()) {
        Button(
            onClick = {
                if (!isPlaying && mediaPlayer != null) {
                    mediaPlayer?.start()
                    isPlaying = true
                }
            },
            enabled = !isPlaying
        ) {
            Text(text = "Play")
        }
        Button(
            onClick = {
                if (isPlaying && mediaPlayer != null) {
                    mediaPlayer?.pause()
                    isPlaying = false
                }
            },
            enabled = isPlaying
        ) {
            Text(text = "Stop")
        }
    }
}