Android开发学习之路--基于vitamio的视频播放器（二）

  终于把该忙的事情都忙得差不多了，接下来又可以开始good good study，day day up了。在Android开发学习之路–基于vitamio的视频播放器（一）中，主要讲了播放器的界面的简单实现，以及扫描视频文件，获取视频文件的部分信息，还没开始讲解如何使用vitamio这个库，这里就开始讲解下最简单的使用方法吧。

1.接口的简单使用

  layout界面:

<?xml version="1.0" encoding="utf-8"?>
<layout>
    <data class="LocalPlayerBinding"></data>

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <io.vov.vitamio.widget.CenterLayout
            android:id="@+id/dd"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <io.vov.vitamio.widget.VideoView
                android:id="@+id/surface_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true" />
        </io.vov.vitamio.widget.CenterLayout>

        <TextView
            android:id="@+id/subtitle_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerInParent="true"
            android:text="111" />
    </LinearLayout>
</layout>

  io.vov.vitamio.widget.CenterLayout是vitamio提供的widget居中布局，然后io.vov.vitamio.widget.VideoView就是显示的播放界面了，其实主要就是个surfaceview。接着看下activity代码：

package com.jared.jplayer.ui;

import android.content.Context;
import android.content.Intent;
import android.databinding.DataBindingUtil;
import android.widget.Toast;

import com.jared.jplayer.R;
import com.jared.jplayer.app.BaseActivity;
import com.jared.jplayer.common.MyMediaController;
import com.jared.jplayer.databinding.LocalPlayerBinding;

import io.vov.vitamio.MediaPlayer;
import io.vov.vitamio.Vitamio;

/**
 * Created by jared on 2016/9/29.
 */
public class LocalVideoPlayer extends BaseActivity {

    private String subtitle_path = "";
    private long mPosition = 0;

    private LocalPlayerBinding binding;

    public static void launch(Context context, String url) {
        Intent intent = new Intent(context, LocalVideoPlayer.class);
        intent.putExtra("url", url);
        context.startActivity(intent);
    }

    @Override
    protected void initParams() {
        Vitamio.isInitialized(getActivity());
        binding = DataBindingUtil.setContentView(getActivity(), R.layout.activity_local_player);
    }

    @Override
    protected void initViews() {
        super.initViews();
        String url = getActivity().getIntent().getStringExtra("url");
        initVideo("file://"+url);
    }

    @Override
    protected void onPause() {
        mPosition = binding.surfaceView.getCurrentPosition();
        binding.surfaceView.stopPlayback();
        super.onPause();
    }

    @Override
    protected void onResume() {
        if (mPosition > 0) {
            binding.surfaceView.seekTo(mPosition);
            mPosition = 0;
        }
        super.onResume();
        binding.surfaceView.start();
    }

    private void initVideo(String path) {

        if (path == "") {
            // Tell the user to provide a media file URL/path.
            Toast.makeText(getActivity(), "Please edit VideoViewSubtitle Activity, and set path" + " variable to your media file URL/path", Toast.LENGTH_LONG).show();
            return;
        } else {

            binding.surfaceView.setVideoPath(path);

            MyMediaController myMediaController = new MyMediaController(getActivity());
            binding.surfaceView.setMediaController(myMediaController);
            binding.surfaceView.requestFocus();

            binding.surfaceView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
                @Override
                public void onPrepared(MediaPlayer mediaPlayer) {
                    // optional need Vitamio 4.0
                    mediaPlayer.setPlaybackSpeed(1.0f);
                    binding.surfaceView.addTimedTextSource(subtitle_path);
                    binding.surfaceView.setTimedTextShown(true);

                }
            });
            binding.surfaceView.setOnTimedTextListener(new MediaPlayer.OnTimedTextListener() {

                @Override
                public void onTimedText(String text) {
                    binding.subtitleView.setText(text);
                }

                @Override
                public void onTimedTextUpdate(byte[] pixels, int width, int height) {

                }
            });
        }
    }
}

  这里看下initVideo代码，binding.surfaceView.setVideoPath(path);设置播放的路径，这里的路径是之前的播放列表中已经扫描出来的然后解析出来通过launch方法传递给LocalVideoPlayer的。这里自定义了controller，然后通过controller就可以控制播放暂停等功能了，接着来看controller。

2.自定义MediaController

package com.jared.jplayer.common;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;

import com.jared.jplayer.R;

import io.vov.vitamio.widget.MediaController;

/**
 * Created by jared on 2016/9/28.
 */
public class MyMediaController extends MediaController {

    Context mContext;

    public MyMediaController(Context context, AttributeSet attrs) {
        super(context, attrs);
        mContext = context;
    }

    public MyMediaController(Context context) {
        super(context);
        mContext = context;
    }

    @Override
    protected View makeControllerView() {
        return ((LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(R.layout.mymediacontroller, this);
        //return super.makeControllerView();
    }

}

  继承了MediaController，重新的布局了界面，接着看下新的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="74dp"
    android:background="@color/mediacontroller_bg"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <ImageButton
            android:id="@+id/mediacontroller_play_pause"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:background="@drawable/mediacontroller_button"
            android:contentDescription="@string/mediacontroller_play_pause"
            android:src="@drawable/mediacontroller_pause" />

        <TextView
            android:id="@+id/mediacontroller_time_current"
            style="@style/MediaController_Text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginLeft="5dp"
            android:layout_toRightOf="@id/mediacontroller_play_pause" />

        <TextView
            android:id="@+id/mediacontroller_time_total"
            style="@style/MediaController_Text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp" />

        <SeekBar
            android:id="@+id/mediacontroller_seekbar"
            style="@style/MediaController_SeekBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toLeftOf="@id/mediacontroller_time_total"
            android:layout_toRightOf="@id/mediacontroller_time_current"
            android:focusable="true"
            android:maxHeight="4dp"
            android:minHeight="4dp"
            android:progressDrawable="@drawable/seekbar_define_color_style"
            android:thumb="@drawable/seekbar_thumb"
            android:max="1000" />
    </RelativeLayout>

    <TextView
        android:id="@+id/mediacontroller_file_name"
        style="@style/MediaController_Text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:ellipsize="marquee"
        android:singleLine="true" />

</LinearLayout>

  注意的是这里的id的名字必须不能变，因为vitamio的mediacontroller会根据id来做对应的事情的。

  vitamio的接口还是比较简洁的，省去了很多事情，需要考虑的事情基本上都做好了，它是基于ffmpeg做的，之后有机会也可以深入学习下。

参考源码：https://github.com/imchenjianneng/JPlayer