Android开发学习之路--基于vitamio的视频播放器(一)

  之前也试过vitamio这个库,后来不知道被什么事情给耽搁了,就没继续下去。近来觉得视频还是需要学习一下的,谁让直播那么火呢,就想着写一个简单的视频播放的app先吧。好了那就开始吧,暂时取名为JPlayer,后续慢慢改进,源码也在github上(https://github.com/imchenjianneng/JPlayer),后续不断更新吧。
  首先新建工程JPlayer,然后新建个主界面吧:

<layout>
    <data class="MainBinding"></data>
    <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/coordinator_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar_layout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent">

                <android.support.v7.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    android:background="@color/colorPrimary"
                    android:fitsSystemWindows="true"
                    android:minHeight="?attr/actionBarSize"
                    app:contentInsetLeft="0dp"
                    app:contentInsetStart="0dp">
                    <!--app:layout_scrollFlags="scroll|enterAlways"-->

                    <RelativeLayout
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:paddingLeft="12dp"
                        android:paddingRight="12dp">

                        <RadioGroup
                            android:id="@+id/rg_tab"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_centerVertical="true"
                            android:layout_marginLeft="10dp"
                            android:layout_marginRight="10dp"
                            android:orientation="horizontal">

                            <RadioButton
                                android:id="@+id/rb_local"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_weight="1"
                                android:button="@null"
                                android:gravity="center"
                                android:text="本地"
                                android:textColor="@drawable/top_tab_text_color"
                                android:textSize="16sp" />

                            <RadioButton
                                android:id="@+id/rb_intenet"
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:layout_weight="1"
                                android:button="@null"
                                android:gravity="center"
                                android:text="网络"
                                android:textColor="@drawable/top_tab_text_color"
                                android:textSize="16sp" />
                        </RadioGroup>
                    </RelativeLayout>
                </android.support.v7.widget.Toolbar>
            </RelativeLayout>

        </android.support.design.widget.AppBarLayout>

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </android.support.design.widget.CoordinatorLayout>
</layout>

  这里简单简绍下,具体可以看源码,界面由是两个radiobutton,一个viewpager组成,比较简陋,后续再改吧,我们先实现功能要紧。真实项目一般ui都会提供好界面的。
  既然界面搭建好了,那么继续开始代码实现吧:

public class MainActivity extends BaseActivity implements ViewPager.OnPageChangeListener {

    private MainBinding binding;

    private List<Integer> bts = Arrays.asList(
            R.id.rb_local,
            R.id.rb_intenet);

    private float normalSize, normalSelected;

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

    @Override
    protected void initViews() {
        super.initViews();

        normalSize = getResources().getDimension(R.dimen.normal_size);
        normalSelected = getResources().getDimension(R.dimen.selected_size);

        binding.viewpager.setOffscreenPageLimit(2);
        binding.viewpager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager()));
        initTabPagerListener();
        binding.rgTab.check(bts.get(0));
    }

    private void initTabPagerListener() {

        binding.viewpager.addOnPageChangeListener(this);
        binding.rgTab.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                int i = bts.indexOf(checkedId);
                if (i != -1) {
                    selectTitle(checkedId);
                    binding.viewpager.setCurrentItem(i);
                }
            }
        });
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        selectTitle(bts.get(position));

        binding.rgTab.check(bts.get(position));
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }

    private void selectTitle(int selectResId) {
        binding.rbLocal.setTextSize(TypedValue.COMPLEX_UNIT_PX, normalSize);
        binding.rbIntenet.setTextSize(TypedValue.COMPLEX_UNIT_PX, normalSize);
        ((TextView)findViewById(selectResId)).setTextSize(TypedValue.COMPLEX_UNIT_PX,
                normalSelected);
    }

    public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
        LocalVideoFragment localVideoFragment = new LocalVideoFragment();
        InternetVideoFragment internetVideoFragment = new InternetVideoFragment();
        private List<? extends Fragment> list = Arrays.asList(
                localVideoFragment,
                internetVideoFragment);

        public MyFragmentPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Fragment getItem(int position) {
            return list.get(position);
        }
    }
}

  代码其实比较简单,主要实现了viewpager,然后LocalVideoFragment和InternetVideoFragment两个fragment,第一个是本地的界面,第二个是网络(这里暂时不实现),好了,主要的代码都在LocalVideoFragment里了。那么就接着看这个Frament的代码了。

  既然要播放视频,首先是需要实现扫描所有视频文件。先看这一段代码吧:

private class ScanVideoTask extends AsyncTask<Void, File, Void> {

        @Override
        protected Void doInBackground(Void... params) {
            eachAllMedias(Environment.getExternalStorageDirectory());
            return null;
        }

        @Override
        protected void onProgressUpdate(File... values) {
            LocalSource localSource = new LocalSource();
            localSource.setName(values[0].getName());
            localSource.setUrl(values[0].getAbsolutePath());
            localSource.setBitmap(getVideoThumbnail(localSource, localSource.getUrl()));
            localSource.setBitmap(getVideoThumbnail(localSource.getUrl()));
            Log.d("LocalVideoFragment", "hhh"+localSource.getName()+":"+localSource.getUrl());
            fileAdapter.appendItem(localSource);
            fileAdapter.notifyDataSetChanged();

        }

        /** 遍历所有文件夹,查找出视频文件 */
        public void eachAllMedias(File f) {
            if (f != null && f.exists() && f.isDirectory()) {
                File[] files = f.listFiles();
                if (files != null) {
                    for (File file : f.listFiles()) {
                        if (file.isDirectory()) {
                            eachAllMedias(file);
                        } else if (file.exists() && file.canRead() && isVideo(file)) {
                            publishProgress(file);
                        }
                    }
                }
            }
        }
    }

  扫描需要花费比较长的时间,所以这里放到一个异步task中去处理,深度优先的搜索所有的文件,扫描到了文件判断是否为视频文件,若是的话,那就直接加到recycleview中去。对于是否是视频文件,这里仅仅是判断后缀名,更合理的方式应该是解码一部分,然后判断头文件的信息的,之类就偷懒了一下,具体可以参考源码。
  既然已经扫描出了文件,那么接下来就需要这个播放列表了,因为我们要显示视频的缩略图,视频的文件名,以及播放时长和大小。用到了MediaMetadataRetriever类,通过extractMetadata方法来获取视频的相关信息,看下代码吧:

public Bitmap getVideoThumbnail(LocalSource localSource, String filePath) {
        Bitmap bitmap = null;
        MediaMetadataRetriever retriever = new MediaMetadataRetriever();
        try {
            retriever.setDataSource(filePath);
            bitmap = retriever.getFrameAtTime(0);
            localSource.setAuthor(retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_AUTHOR));
            localSource.setDuration(Integer.parseInt(retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DURATION)));
            localSource.setDate(retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DATE));
            localSource.setBitrate(Integer.parseInt(retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_BITRATE)));

        } catch (IllegalArgumentException e) {
            e.printStackTrace();
        } catch (IllegalStateException e) {
            e.printStackTrace();
        }
        return bitmap;
    }

  这通过retriever.getFrameAtTime来获取一帧的图像bitmap用来当缩略图,然后通过MediaMetadataRetriever.METADATA_KEY_DURATION获取播放时长。通过MediaMetadataRetriever.METADATA_KEY_BITRATE获取比特率,计算就可以得到所需要的文件大小。
  要上班去了,接下去的话就是重点了,怎么使用vitamio,下次继续了,想直接看代码的话可以直接github看起来,代码写得比较挫,还没有整理过,为了实现功能而写。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值