📌  相关文章
📜  使用 Jetpack Compose 在 Android 中播放音频

📅  最后修改于: 2022-05-13 01:54:39.528000             🧑  作者: Mango

使用 Jetpack Compose 在 Android 中播放音频

在 Android 中, MediaPlayer用于在应用程序中播放媒体文件,如音频和视频文件。 MediaPlayer 类使用 MediaPlayer API 来执行各种功能,例如创建 MediaPlayer、播放、暂停、启动和停止媒体。在本文中,我们将向您展示如何使用 Jetpack Compose 在 Android 上播放音频文件。 IDE 准备就绪后,请按照以下步骤操作。

分步实施

第 1 步:在 Android Studio 中创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。选择模板时,选择Empty Compose Activity 。如果您没有找到此模板,请尝试将 Android Studio 升级到最新版本。我们在Kotlin中演示了该应用程序,因此请确保在创建新项目时选择 Kotlin 作为主要语言。

第 2 步:创建一个原始文件夹并向其中添加音乐文件 (.mp3)

导航到res文件夹,如果不存在,则创建一个raw文件夹。将本地音频文件添加或复制到此文件夹中。在这个项目中,音频文件名为“audio.mp3” ,因此在应用程序中调用它的资源名称变为R.raw.audio 。要创建原始文件夹,请按照这篇文章在 Android Studio 中使用资源原始文件夹。

第 3 步:为开始和暂停图标按钮导入可绘制对象(图像)

导入您选择的两个矢量资产以显示开始和暂停按钮。在这个项目中,我们将播放和暂停按钮作为“ic_play”“ic_pause”导入可绘制文件夹中。所以我们可以在应用程序中通过地址R.drawable.ic_playR.drawable.ic_pause来调用它们。要在您的 Android 项目中导入矢量资源,请按照这篇文章如何在 Android Studio 中添加矢量资源?

第 4 步:使用 MainActivity.kt 文件

转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。

Kotlin
package com.geeksforgeeks.jcaudio
  
import android.media.MediaPlayer
import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.res.painterResource
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
  
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            // Calling the composable function 
            // to display element and its contents
            MainContent()
        }
    }
}
  
// Creating a composable 
// function to display Top Bar
@Composable
fun MainContent() {
    Scaffold(
        topBar = { TopAppBar(title = { Text("GFG | Audio Player", color = Color.White) }, backgroundColor = Color(0xff0f9d58)) },
        content = { MyContent() }
    )
}
  
// Creating a composable function to
// create two icon buttons namely play and pause
// Calling this function as content in the above function
@Composable
fun MyContent(){
  
    // Fetching the local context
    val mContext = LocalContext.current
  
    // Declaring and Initializing 
    // the MediaPlayer to play "audio.mp3"
    val mMediaPlayer = MediaPlayer.create(mContext, R.raw.audio)
  
    Column(modifier = Modifier.fillMaxSize(), verticalArrangement = Arrangement.Center, horizontalAlignment = Alignment.CenterHorizontally) {
  
        Row {
            // IconButton for Start Action
            IconButton(onClick = { mMediaPlayer.start() }) {
                Icon(painter = painterResource(id = R.drawable.ic_play), contentDescription = "", Modifier.size(100.dp))
            }
  
            // IconButton for Pause Action
            IconButton(onClick = { mMediaPlayer.pause() }) {
                Icon(painter = painterResource(id = R.drawable.ic_pause), contentDescription = "", Modifier.size(100.dp))
            }
        }
    }
}
  
// For displaying preview in
// the Android Studio IDE emulator
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MainContent()
}


输出:

在示例应用程序的以下记录中,您可以看到我们能够播放 audio.mp3 文件并使用按钮播放或暂停它们。