Android Studio 实现播放本地/网络视频_fjnu_se的博客-程序员秘密_androidstudio播放视频

技术标签: android  Android  

目的

利用Android Studio 设计一个可以对本地视频或网络视频进行播放、暂停、停止的视频播放器。

工具及环境

使用Java语言编写代码, 在Android Studio平台上进行开发。

功能设计

先对界面视图和功能按钮进行设计,再实现加载视频进行播放,暂停,停止视频的功能。

VideoView

简介

简单介绍一下VideoView:

  • VideoView是使用MediaPlayer来对视频文件进行控制的。
  • VideoView只支持mp4、avi、3gp格式的视频,支持格式相对单一,VideoView支持的格式可以参考MediaPlayer。
  • VideoView可以播放网络视频,支持的网络视频的协议为:Http协议和RTSP协议两种。

常用方法

Android VideoView类为我们提供了十分方便的视频播放API,其主要方法如下:

  • setVideoPath:设置要播放的视频文件的位置
  • start:开始或继续播放视频
  • pause:暂停播放视频
  • resume:将视频从头开始播放
  • seekTo:从指定的位置开始播放视频
  • isPlaying:判断当前是否正在播放视频
  • getCurrentPosition:获取当前播放的位置
  • getDuration:获取载入的视频文件的时长
  • setVideoPath(String path):以文件路径的方式设置VideoView播放的视频源
  • setVideoURI(Uri uri):以Uri的方式设置视频源,可以是网络Uri或本地Uri
  • setMediaController(MediaController controller):设置MediaController控制器
  • setOnCompletionListener(MediaPlayer.onCompletionListener l):监听播放完成的事件
  • setOnErrorListener(MediaPlayer.OnErrorListener l):监听播放发生错误时候的事件
  • setOnPreparedListener(MediaPlayer.OnPreparedListener l):监听视频装载完成的事件

更多功能详见: 官方文档.

代码解释

本地视频播放器

activity_main.xml

这里的布局文件我用的是LinearLayout布局进行嵌套操作。整体的LinearLayout布局包含TextView和VideoView,嵌套的LinearLayout布局包含Play按钮和Stop按钮。外层布局是垂直(android:orientation=“vertical”),内层布局是水平(android:orientation=“horizontal”)。

  • TextView:作为播放器的标题。设置TextView控件在其父控件中位于水平居中的位置并且控件外边距距离父布局顶端20dp。
<TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="Video Player"
        android:textSize="30sp"
        android:layout_marginTop="20dp"/>
  • VideoView:视频播放器。设置VideoView控件在其父控件中位于居住的位置并且控件外边距距离父布局顶端40dp。
 <VideoView
        android:id="@+id/video"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:layout_marginTop="40dp"/>
  • Button:设置两个用来控制视频播放和停止的按钮。
<Button
        android:id="@+id/playbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Play"
        android:layout_gravity="center"
        android:textSize="25sp"   />
<Button
        android:id="@+id/stopbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Stop"
        android:layout_marginLeft="30sp"
        android:layout_gravity="center"
        android:textSize="25sp"   />

MainActivity.java

创建VideoView,Button,MediaController类型对应的变量,MediaController是视频的控制条(不需要可以不设置)。

private VideoView mVideoView;
private Button playBtn, stopBtn;
MediaController mMediaController;

创建VideoView,MediaController对象并通过设置id找到相对应的控件。对播放和停止按钮定义监听事件。

@Override
    public void onCreate(Bundle savedInstanceState) {
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mVideoView = new VideoView(this);
        mVideoView = (VideoView) findViewById(R.id.video);
        mMediaController = new MediaController(this);
        playBtn = (Button) findViewById(R.id.playbutton);
        stopBtn = (Button) findViewById(R.id.stopbutton);
        playBtn.setOnClickListener(new mClick());
        stopBtn.setOnClickListener(new mClick());
    }

加载指定的视频文件后,将VideoView与MediaController建立关联,再对按钮设置点击时触发的方法。

@Override
    class mClick implements OnClickListener {
    
        @Override
        public void onClick(View v) {
    
            String uri = "android.resource://" + getPackageName() + "/" + R.raw.hoshi;
            mVideoView.setVideoURI(Uri.parse(uri));
            mMediaController.setMediaPlayer(mVideoView);
            mVideoView.setMediaController(mMediaController);
            if (v == playBtn) {
    
                mVideoView.start();
            } else if (v == stopBtn) {
    
                mVideoView.stopPlayback();
            }
        }
    }

视频路径解释:
在这里插入图片描述
将视频放置在res/raw/目录下。如果我们想访问res/raw/hoshi.mp4文件,可以使用"android.resource://package_name/" + R.raw.hoshi.mp4 这个Uri,其中package_name是你工程的包名,用getPackageName()方法得到包名。

网络视频播放器

activity_main.xml:对网络视频播放的页面布局文件activity_main.xml和本地视频播放器的布局文件相同,这里就不重复放置代码。

AndroidManifest.xml

  • uses-permission是AndroidManifest.xml中最常用的一项配置,它用来声明一个app在运行时所需要的权限。
  • 如果我们要播放网络视频进行网络连接的话,需要网络访问权限,我们要在AndroidManifest.xml 文件中添加以下权限。
  • 分别是获取文件读写权限和获取internet访问权限。
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.INTERNET" />

MainActivity.java

在本地播放MainActivity.java文件的基础上,添加一个uri2为网络视频的uri,再用setVideoURI设置视频源就可以运行播放网络视频。

String uri2 = "https://flv2.bn.netease.com/videolib1/1811/26/OqJAZ893T/HD/OqJAZ893T-mobile.mp4";
mVideoView.setVideoURI(Uri.parse(uri2));

完整代码

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="Video Player"
        android:textSize="30sp"
        android:layout_marginTop="20dp"/>
    <VideoView
        android:id="@+id/video"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:layout_marginTop="40dp"/>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="30dp"
        android:orientation="horizontal">
        <Button
            android:id="@+id/playbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Play"
            android:layout_gravity="center"
            android:textSize="25sp"   />
        <Button
            android:id="@+id/stopbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Stop"
            android:layout_marginLeft="30sp"
            android:layout_gravity="center"
            android:textSize="25sp"   />
    </LinearLayout>
</LinearLayout>

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.blogs">

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme"
        android:requestLegacyExternalStorage="true">

        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

MainActivity.java

package com.example.blogs;
import android.app.Activity;
import android.net.Uri;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.MediaController;
import android.widget.VideoView;

public class MainActivity extends Activity {
    
    private VideoView mVideoView;
    private Button playBtn, stopBtn;
    MediaController mMediaController;

    @Override
    public void onCreate(Bundle savedInstanceState) {
    
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mVideoView = new VideoView(this);
        mVideoView = (VideoView) findViewById(R.id.video);
        mMediaController = new MediaController(this);
        playBtn = (Button) findViewById(R.id.playbutton);
        stopBtn = (Button) findViewById(R.id.stopbutton);
        playBtn.setOnClickListener(new mClick());
        stopBtn.setOnClickListener(new mClick());
    }

    class mClick implements OnClickListener {
    
        @Override
        public void onClick(View v) {
    
            String uri = "android.resource://" + getPackageName() + "/" + R.raw.hoshi;  //本地
            //String uri2 = "https://flv2.bn.netease.com/videolib1/1811/26/OqJAZ893T/HD/OqJAZ893T-mobile.mp4";  //网络
            mVideoView.setVideoURI(Uri.parse(uri));  //本地
            //mVideoView.setVideoURI(Uri.parse(uri2));  //网络
            mMediaController.setMediaPlayer(mVideoView);
            mVideoView.setMediaController(mMediaController);
            if (v == playBtn) {
    
                mVideoView.start();
            } else if (v == stopBtn) {
    
                mVideoView.stopPlayback();
            }
        }
    }
}

最终效果

运行起来的视频都是可以出声音的!!!这里放gif图的效果!

本地视频播放器

在这里插入图片描述

网络视频播放器

在这里插入图片描述

暂停、停止视频

在这里插入图片描述
在这里插入图片描述

拉动进度条

在这里插入图片描述

关于VideoView的坑

关于播放网络视频时视频的uri,我试了好多才找到这一个能打开的。我搜索了一下,很多人都以为这可能是网络访问权限或者是其他的问题,但是其实并不是。因为现在网上很多视频都有保护机制我们无法随便用其链接打开,所以只能打开特定的网络视频。一般这种情况的解决办法是可以选择自己上传视频。

String uri2 = "https://flv2.bn.netease.com/videolib1/1811/26/OqJAZ893T/HD/OqJAZ893T-mobile.mp4";

参考

Android Studio——简易视频播放器: link.
VideoView介绍: link.

作者:杨梦琳
原文链接:https://blog.csdn.net/RUHU_/article/details/106721171

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/fjnu_se/article/details/106725010

智能推荐

redhat6.3安装中文输入法和上下键,配置yum源_haohaodeshijie123的博客-程序员秘密

输入法:安装包在上传目录里下载安装两个中文包: fonts-chinese-3.02-12.el5.noarch.rpm fonts-ISO8859-2-75dpi-1.0-17.1.noarch.rpm会提示错误,所以需要安装chkfontpath-1.7-2.i386.rpm,过程还是提示有依赖性,使用rpm -ivh --nodeps命令接下来修改配置文件 编

SVNKIT操作SVN版本库的完整例子_wjy320的博客-程序员秘密

Model:package com.wjy.model;public class RepositoryInfo { public static String storeUrl="http://10.13.30.22/svn/SVNRepository/Checked/"; public static String buffUrl="http://10.13.30

仿微信视频拍摄UI, 基于ffmpeg的视频录制编辑(上)_仿微信拍照按钮ui_johnson-大牛的博客-程序员秘密

源码和apk下载,如果喜欢点一下star啦这是下篇, 新增了分段拍摄, 视频加速和视频裁剪: 仿微信视频拍摄UI, 基于ffmpeg的视频录制编辑(上)因为最近项目做了关于视频拍摄和视频处理的需求, 所以特来分享一下, 做了一个基于微信录制,  分析ffmpeg视频编辑的demo, 首先看下使用效果:功能主要包含5点: 1.基于ffmpe

springboot-RestTemplate 使用_赤心的博客-程序员秘密

//创建restTemplate对象 RestTemplate restTemplate = new RestTemplate(); String url = ""; //设置请求头 HttpHeaders headers = new HttpHeaders(); headers.setContentType(MediaT...

docker 使用代理_Man_In_The_Night的博客-程序员秘密

1 docker 17.0.7及更新版本代理设置,可以直接修改~/.docker/config.json{ "proxies": { "default": { "httpProxy": "http://127.0.0.1:3001", "httpsProxy": "http://127.0.0.1:3001", "noProxy": "*.te...

[PAT-乙级]1040.有几个PAT_pat乙级python1040_caicaiatnbu的博客-程序员秘密

1040. 有几个PAT(25)时间限制120 ms内存限制65536 kB代码长度限制8000 B判题程序Standard作者CAO, Peng字符串APPAPT中包含了两个单词“PAT”,其中第一个PAT是第2位(P),第4位(A),第6位(T);

随便推点

易灵思FPGA-软件Efinity和Modelsim联仿设置_易灵思仿真_Folsie的博客-程序员秘密

文章目录前言一、modelsim破解过程二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智

houdini flowmap_qq_39239990的博客-程序员秘密

教程:https://www.bilibili.com/video/BV1D54y1s7Ny?t=131如有冒犯,敬请告之,侵删1.attribnoise -》uv 可以实现uv变形效果2.labs 工具栏实现

GBase 8a数据库集群,数据不一致dmlevent故障模拟和恢复过程分析_gbase 8a 数据不一致 日志_老紫竹的博客-程序员秘密

GBase 8a数据库集群,通过副本来保证数据高可用,当某些服务或节点故障时,就会产生不一致,比如dmlevent。本文在测试环境模拟故障,并分析其恢复过程。原文http://www.gbase8.cn/855环境3节点集群,关闭1个节点的数据库服务。V95版本。[[email protected] gcluster]$ gcadminCLUSTER STATE: ACTIVEVIRTUAL CLUSTER MODE: NORMAL=================.

日记--node.js 和nginx对比&&环境变量立刻生效https://www.cnblogs.com/zht-blog/p/4033951.html_nginx和nodejs哪个好_M . H ~的博客-程序员秘密

Nginx的性能比Node.js的HTTP模块要好很多但Nginx考量的是面向客户端, 后端业务方面依然是受具体业务影响,而Node.js则可以利用异步I/O来实现业务并行,以提升效率Nginx没有Node.js灵活,Node.js后来的发展方向不再单独是一个Web服务器,而是一个面向网络的平台,它甚至可以是TCP服务器,或者变身为远端服务器的客户端Node.js是使用C,C ++和JavaScript开发的;而Nginx主要是使用C编程语言开发的Node.js中,大型用户请求加载需要更多时间。而在

剃须刀充电器电路 _电梳充电接口需加电阻吗_mpgood的博客-程序员秘密

剃须刀与可充电式手电筒,均采用内置式充电器,要求体积要小,以便于装于剃须刀内部。常用的方式是电容降压的充电电路。图为一成品剃须刀的内部电路。其中包括市电降压整流器,由振荡器组成的DC/AC变换器和整流器,将市电电压变为1.6V左右的直流电。50Hz 的交流电下0.22μ/400V的电容容抗约为14.5K,因此即使是输出端短路,电路最大的电流也只有15mA。2SD1350和脉冲变压器T组成直流

ES5、ES6的浏览器兼容性_es6浏览器兼容性_麦兜_冰夕的博客-程序员秘密

从https://www.caniuse.com上面可以查询到,ES的兼容性概览。下面就主要浏览器进行说明:IE:可以看到IE6,IE7是完全不支持的。而IE8是只支持一些内容,参考引用4,IE9是大部分支持,支持度参考引用2。Chrome:Chrome 23版本之后就是完全支持的了。19~22版本有不兼容的地方,参考引用1。Firefox:Firefox 21版本之后就是完全支持的...