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

發佈了201 篇原創文章 · 獲贊 501 · 訪問量 121萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章