終於把該忙的事情都忙得差不多了,接下來又可以開始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