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

上一篇:AWIT DBackup 0.0.20 发布,备份系统


下一篇:CSS背景属性Background详解