• 视频播放 (二) 自定义 MediaPlayer

    1. 说明

      1.1 使用Mediaplayer和surfaceView进行视频播放，并实现：感应生命周期、支持无缝续播、宽高比适配以及全屏模式

      1.2 创建一个播放控制View，并以ViewModel驱动

    2. 配置信息

      2.1 AndroidManifest.xml 添加网络权限

     <uses-permission android:name="android.permission.INTERNET" />

      2.2 http 明文请求设置

     android:usesCleartextTraffic="true"

      2.3 引用 lifecycle 库

    1.     def lifecycle_version = "2.6.0-alpha03"
    2.     // ViewModel
    3.     implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version"
    4.     // ViewModel utilities for Compose
    5.     implementation "androidx.lifecycle:lifecycle-viewmodel-compose:$lifecycle_version"
    6.     // LiveData
    7.     implementation "androidx.lifecycle:lifecycle-livedata-ktx:$lifecycle_version"
    8.     // Lifecycles only (without ViewModel or LiveData)
    9.     implementation "androidx.lifecycle:lifecycle-runtime-ktx:$lifecycle_version"
    10.     // Saved state module for ViewModel
    11.     implementation "androidx.lifecycle:lifecycle-viewmodel-savedstate:$lifecycle_version"

    2.4 矢量图标，添加系统自带矢量图

    1.     ic_baseline_play_arrow_24.xml,
    2.     ic_baseline_replay_24.xml,
    3.     ic_baseline_pause_24.xml

    3. 布局文件

      3.1 控制View，controller_layout.xml

    1. "1.0" encoding="utf-8"?>
    2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     android:id="@+id/controllerFrame"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="match_parent"
    7.     android:background="#55000000">
    8.  
    9.     <LinearLayout
    10.         android:layout_width="match_parent"
    11.         android:layout_height="40dp"
    12.         android:layout_gravity="bottom"
    13.         android:layout_margin="4dp"
    14.         android:orientation="horizontal">
    15.  
    16.         <ImageView
    17.             android:id="@+id/buttonControl"
    18.             android:layout_width="wrap_content"
    19.             android:layout_height="match_parent"
    20.             android:layout_weight="1"
    21.             app:srcCompat="@drawable/ic_baseline_play_arrow_24" />
    22.  
    23.         <SeekBar
    24.             android:id="@+id/seekBar"
    25.             android:layout_width="wrap_content"
    26.             android:layout_height="match_parent"
    27.             android:layout_weight="12"
    28.             android:progressBackgroundTint="#FFFFFF" />
    29.     LinearLayout>
    30. FrameLayout>

      3.2 竖屏布局，activity_main.xml

    1. "1.0" encoding="utf-8"?>
    2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     xmlns:tools="http://schemas.android.com/tools"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="match_parent"
    7.     tools:context=".MainActivity">
    8.  
    9.     <FrameLayout
    10.         android:id="@+id/playerFrame"
    11.         android:layout_width="0dp"
    12.         android:layout_height="0dp"
    13.         android:background="#000000"
    14.         app:layout_constraintDimensionRatio="16:9"
    15.         app:layout_constraintEnd_toEndOf="parent"
    16.         app:layout_constraintHorizontal_bias="0.0"
    17.         app:layout_constraintStart_toStartOf="parent"
    18.         app:layout_constraintTop_toTopOf="parent">
    19.  
    20.         <SurfaceView
    21.             android:id="@+id/surfaceView"
    22.             android:layout_width="wrap_content"
    23.             android:layout_height="wrap_content"
    24.             android:layout_gravity="center" />
    25.  
    26.         <ProgressBar
    27.             android:id="@+id/progressBar"
    28.             style="?android:attr/progressBarStyle"
    29.             android:layout_width="wrap_content"
    30.             android:layout_height="wrap_content"
    31.             android:layout_gravity="center" />
    32.     FrameLayout>
    33.  
    34.     <include
    35.         layout="@layout/controller_layout"
    36.         android:layout_width="0dp"
    37.         android:layout_height="0dp"
    38.         app:layout_constraintDimensionRatio="16:9"
    39.         app:layout_constraintEnd_toEndOf="parent"
    40.         app:layout_constraintStart_toStartOf="parent"
    41.         app:layout_constraintTop_toTopOf="parent" />
    42. androidx.constraintlayout.widget.ConstraintLayout>

      3.3 横屏布局, activity_main.xml

    1. "1.0" encoding="utf-8"?>
    2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     xmlns:tools="http://schemas.android.com/tools"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="match_parent"
    7.     tools:context=".MainActivity">
    8.  
    9.     <FrameLayout
    10.         android:id="@+id/playerFrame"
    11.         android:layout_width="0dp"
    12.         android:layout_height="0dp"
    13.         android:background="#000000"
    14.         app:layout_constraintBottom_toBottomOf="parent"
    15.         app:layout_constraintEnd_toEndOf="parent"
    16.         app:layout_constraintHorizontal_bias="0.0"
    17.         app:layout_constraintStart_toStartOf="parent"
    18.         app:layout_constraintTop_toTopOf="parent">
    19.  
    20.         <SurfaceView
    21.             android:id="@+id/surfaceView"
    22.             android:layout_width="wrap_content"
    23.             android:layout_height="wrap_content"
    24.             android:layout_gravity="center" />
    25.  
    26.         <ProgressBar
    27.             android:id="@+id/progressBar"
    28.             style="?android:attr/progressBarStyle"
    29.             android:layout_width="wrap_content"
    30.             android:layout_height="wrap_content"
    31.             android:layout_gravity="center" />
    32.     FrameLayout>
    33.  
    34.     <include
    35.         layout="@layout/controller_layout"
    36.         android:layout_width="0dp"
    37.         android:layout_height="0dp"
    38.         app:layout_constraintBottom_toBottomOf="parent"
    39.         app:layout_constraintEnd_toEndOf="parent"
    40.         app:layout_constraintHorizontal_bias="1.0"
    41.         app:layout_constraintStart_toStartOf="parent"
    42.         app:layout_constraintTop_toTopOf="parent" />
    43. androidx.constraintlayout.widget.ConstraintLayout>

    4. VM 层实现

      4.1 自定义 MediaPlayer, MyMediaPlayer.kt

    1. //LifecycleObserver
    2. class MyMediaPlayer:MediaPlayer(), DefaultLifecycleObserver{
    3.     
    4. //   @OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)
    5. //    fun pausePlayer(){
    6. //        pause()
    7. //    }
    8.     
    9.     override fun onPause(owner: LifecycleOwner) {
    10.         super.onPause(owner)
    11.         Log.e("MyTag","onPause");
    12.         pause()
    13.     }
    14.  
    15.     override fun onResume(owner: LifecycleOwner) {
    16.         super.onResume(owner)
    17.         Log.e("MyTag","onResume");
    18.         start()
    19.     }
    20. }

      4.2 实现 ViewModel 控制，PlayerViewModel.kt

    1. //播放状态
    2. enum class PlayerStatus{
    3.     Playing,Paused,Completed,NotReady
    4. }
    5.  
    6.  
    7. class PlayerViewModel(application: Application) : AndroidViewModel(application) {
    8.     private var controllerShowTime = 0L
    9.     val mediaPlayer = MyMediaPlayer()
    10.     private val _playerStatus = MutableLiveData(PlayerStatus.NotReady)
    11.     val playerStatus:LiveData = _playerStatus
    12.     private var _bufferPercent = MutableLiveData(0)
    13.     val bufferPercent: LiveData<Int> = _bufferPercent
    14.     private val _controllerFrameVisibility = MutableLiveData(View.INVISIBLE)
    15.     val controllerFrameVisibility: LiveData<Int> = _controllerFrameVisibility;
    16.     private val _progressBarVisibility = MutableLiveData(View.VISIBLE)
    17.     val progressBarVisibility:LiveData<Int> = _progressBarVisibility
    18.     private val _videoResolution = MutableLiveData(Pair(0,0))
    19.     val videoResolution: LiveDataInt,Int>> = _videoResolution
    20.  
    21.     init {
    22.         loadVideo()
    23.     }
    24.  
    25.     private fun loadVideo(){
    26.         mediaPlayer.apply {
    27.             //https://media.w3.org/2010/05/sintel/trailer.mp4
    28.             //http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
    29.             //$packageName
    30.             //val videoPath = "android.resource://com.example.myplayer/${R.raw.redes}"
    31.             //android.resource://com.example.myplayer/2131623936
    32.             val videoPath = "https://media.w3.org/2010/05/sintel/trailer.mp4"
    33.             reset()
    34.             _progressBarVisibility.value = View.VISIBLE
    35.             _playerStatus.value = PlayerStatus.NotReady
    36.             setDataSource(videoPath)
    37.             //val fd = getApplication().getAssets().openFd("red.mp4");
    38.             //setDataSource(fd.getFileDescriptor(), fd.getStartOffset(), fd.getLength());
    39.             setOnPreparedListener {
    40.                 _progressBarVisibility.value = View.INVISIBLE;
    41.                 //isLooping = true
    42.                 it.start()
    43.                 _playerStatus.value = PlayerStatus.Playing
    44.                 Log.e("MyTag", "setOnPreparedListener")
    45.             }
    46.             //宽高
    47.             setOnVideoSizeChangedListener { _, width, height ->
    48.                 _videoResolution.value = Pair(width, height)
    49.             }
    50.             //缓冲
    51.             setOnBufferingUpdateListener { _, percent ->
    52.                 _bufferPercent.value = percent
    53.             }
    54.             //播放完成
    55.             setOnCompletionListener {
    56.                 _playerStatus.value = PlayerStatus.Completed
    57.             }
    58.             //进度完成
    59.             setOnSeekCompleteListener {
    60.                 mediaPlayer.start()
    61.                 _playerStatus.value = PlayerStatus.Playing
    62.                 _progressBarVisibility.value = View.INVISIBLE
    63.             }
    64.             prepareAsync()
    65.         }
    66.     }
    67.  
    68.     //播放状态
    69.     fun togglePlayerStatus(){
    70.         when(_playerStatus.value){
    71.            PlayerStatus.Playing ->{
    72.                mediaPlayer.pause()
    73.                _playerStatus.value = PlayerStatus.Paused
    74.            }
    75.             PlayerStatus.Paused ->{
    76.                 mediaPlayer.start()
    77.                 _playerStatus.value = PlayerStatus.Playing
    78.             }
    79.             PlayerStatus.Completed ->{
    80.                 mediaPlayer.start()
    81.                 _playerStatus.value = PlayerStatus.Playing
    82.             }
    83.             else -> return
    84.         }
    85.     }
    86.  
    87.     // 显示/隐藏 控制条
    88.     fun toggleControllerFrame(){
    89.        if(_controllerFrameVisibility.value == View.INVISIBLE){
    90.            _controllerFrameVisibility.value = View.VISIBLE
    91.            controllerShowTime = System.currentTimeMillis()
    92.           viewModelScope.launch {
    93.               delay(3000)
    94.               if(System.currentTimeMillis() - controllerShowTime > 3000){
    95.                   _controllerFrameVisibility.value = View.INVISIBLE
    96.               }
    97.           }
    98.        }else{
    99.            _controllerFrameVisibility.value = View.INVISIBLE
    100.        }
    101.     }
    102.  
    103.     //重新赋值
    104.     fun emmitVideoResolution(){
    105.         _videoResolution.value = _videoResolution.value
    106.     }
    107.  
    108.     //设置 MediaPlayer 进度
    109.     fun playerSeekToProgress(progress: Int){
    110.         _progressBarVisibility.value = View.VISIBLE
    111.         mediaPlayer.seekTo(progress)
    112.     }
    113.  
    114.     override fun onCleared() {
    115.         super.onCleared()
    116.         mediaPlayer.release()
    117.         Log.e("MyTag","mediaPlayer release");
    118.     }
    119. }

      4.3 调用view层, 使用ViewModel，MainActivity.kt

    1. class MainActivity : AppCompatActivity() {
    2.     private lateinit var playerViewModel: PlayerViewModel
    3.     private lateinit var surfaceView: SurfaceView
    4.     private lateinit var playerFrameLayout: FrameLayout
    5.     private lateinit var seekBar: SeekBar
    6.  
    7.     override fun onCreate(savedInstanceState: Bundle?) {
    8.         super.onCreate(savedInstanceState)
    9. //        object :OrientationEventListener(this){
    10. //            override fun onOrientationChanged(orientation: Int) {
    11. //            }
    12. //        }
    13.         setContentView(R.layout.activity_main)
    14.         val progressBar: ProgressBar = findViewById(R.id.progressBar)
    15.         seekBar = findViewById(R.id.seekBar)
    16.         val controllerFrameLayout: FrameLayout = findViewById(R.id.controllerFrame)
    17.         val buttonControl: ImageView = findViewById(R.id.buttonControl)
    18.         playerFrameLayout = findViewById(R.id.playerFrame)
    19.         updatePlayerProgress()
    20.         playerViewModel = ViewModelProvider(this)[PlayerViewModel::class.java].apply {
    21.             progressBarVisibility.observe(this@MainActivity) {
    22.                 progressBar.visibility = it
    23.             }
    24.             videoResolution.observe(this@MainActivity) {
    25.                 seekBar.max = mediaPlayer.duration
    26.                 //Log.e("MyTag","---- ${mediaPlayer.duration}");
    27.                 playerFrameLayout.post {
    28.                     reSizePlayer(it.first, it.second)
    29.                 }
    30.             }
    31.             controllerFrameVisibility.observe(this@MainActivity) {
    32.                 controllerFrameLayout.visibility = it
    33.             }
    34.  
    35.             bufferPercent.observe(this@MainActivity, Observer {
    36.                 //Log.e("MyTag","---- $it");
    37.                 seekBar.secondaryProgress = seekBar.max * it / 100;
    38.             })
    39.  
    40.             playerStatus.observe(this@MainActivity) {
    41.                 buttonControl.isClickable = true
    42.                 when (it) {
    43.                     PlayerStatus.Paused -> buttonControl.setImageResource(R.drawable.ic_baseline_play_arrow_24)
    44.                     PlayerStatus.Completed -> buttonControl.setImageResource(R.drawable.ic_baseline_replay_24)
    45.                     PlayerStatus.NotReady -> buttonControl.isClickable = false
    46.                     else -> buttonControl.setImageResource(R.drawable.ic_baseline_pause_24)
    47.                 }
    48.             }
    49.         }
    50.  
    51.         lifecycle.addObserver(playerViewModel.mediaPlayer)
    52.  
    53.         buttonControl.setOnClickListener {
    54.             playerViewModel.togglePlayerStatus()
    55.         }
    56.  
    57.         playerFrameLayout.setOnClickListener {
    58.             playerViewModel.toggleControllerFrame()
    59.         }
    60.  
    61.         seekBar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
    62.             override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
    63.                 if (fromUser) {
    64.                     playerViewModel.playerSeekToProgress(progress)
    65.                 }
    66.             }
    67.  
    68.             override fun onStartTrackingTouch(seekBar: SeekBar?) {}
    69.  
    70.             override fun onStopTrackingTouch(seekBar: SeekBar?) {}
    71.         })
    72.         surfaceView = findViewById(R.id.surfaceView)
    73.         surfaceView.holder.addCallback(object : SurfaceHolder.Callback {
    74.             override fun surfaceCreated(holder: SurfaceHolder) {}
    75.  
    76.             override fun surfaceChanged(
    77.                 holder: SurfaceHolder, format: Int, width: Int, height: Int
    78.             ) {
    79.                 playerViewModel.mediaPlayer.setDisplay(holder)
    80.                 playerViewModel.mediaPlayer.setScreenOnWhilePlaying(true)
    81.             }
    82.  
    83.             override fun surfaceDestroyed(holder: SurfaceHolder) {}
    84.         })
    85.     }
    86.  
    87.     override fun onWindowFocusChanged(hasFocus: Boolean) {
    88.         super.onWindowFocusChanged(hasFocus)
    89.         if (resources.configuration.orientation == Configuration.ORIENTATION_LANDSCAPE) {
    90.             hideSystemUI()
    91.             playerViewModel.emmitVideoResolution()
    92.         }
    93.     }
    94.  
    95.     private fun reSizePlayer(width: Int, height: Int) {
    96.         if (width == 0 || height == 0) return
    97.         surfaceView.layoutParams = FrameLayout.LayoutParams(
    98.             playerFrameLayout.height * width / height,
    99.             FrameLayout.LayoutParams.MATCH_PARENT,
    100.             Gravity.CENTER
    101.         )
    102.         //1674 1908
    103.         //Log.e("MyTag","Size width:  ${playerFrameLayout.height * width / height}")
    104.     }
    105.  
    106.     private fun updatePlayerProgress() {
    107.         lifecycleScope.launch {
    108.             while (true) {
    109.                 delay(500)
    110.                 seekBar.progress = playerViewModel.mediaPlayer.currentPosition
    111.             }
    112.         }
    113.     }
    114.  
    115.     private fun hideSystemUI() {
    116.         val decorView: View = window.decorView
    117.         // Set the content to appear under the system bars so that the
    118.         decorView.systemUiVisibility = (View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
    119.                 // content doesn't resize when the system bars hide and show.
    120.                 or View.SYSTEM_UI_FLAG_LAYOUT_STABLE or View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN //Hide the nav bar and status bar
    121.                 or View.SYSTEM_UI_FLAG_HIDE_NAVIGATION or View.SYSTEM_UI_FLAG_FULLSCREEN)
    122.     }
    123. }

    5. 效果图

     

  • 相关阅读:
    金融信创，软件规划需关注自主安全及生态建设
    商城免费搭建之java商城 开源java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c
    详解如何利用PHP实现RPC
    举例解释大数定律、中心极限定理及其在机器学习中的应用
    李一鹏：一份让我无法拒绝的offer | OneFlow U
    C# 超详细的WebService创建、发布与调用（VS2022）
    C语言实现扫雷游戏（分解代码，超级详细，无压力）
    Debian11安装Geoserver+矢量插件Vector Tiles
    PMP考生如何应对新考纲？看过来！
    【微软技术栈】C#.NET 正则表达式源生成器
  • 原文地址：https://blog.csdn.net/u011193452/article/details/128137432