admin管理员组

文章数量:1532656

项目目录

  • 一、项目概述
  • 二、开发环境
  • 三、准备工作
    • 1、安装和配置JDK
    • 2、安装和配置Tomcat
    • 3、准备音乐和视频文件
    • 4、获取本地网络地址
    • 5、关于访问Tomcat
  • 四、详细设计
    • 1、项目结构
    • 2、数据库设计
    • 3、登录和注册
    • 4、音乐播放
    • 5、视频播放
    • 6、常量设置
  • 五、运行演示
  • 六、项目总结
  • 七、源码下载

一、项目概述

在过去,手机的功能都比较单调,仅仅就是用来打电话和发短信的。而如今,手机在我们的生活中正扮演着越来越重要的角色,各种娱乐方式都可以在手机上进行。上班的路上太无聊,可以戴着耳机听音乐。外出旅行的时候,可以在手机上看电影。众多的娱乐方式少不了强大的多媒体功能支持,而Android在这方面做得非常出色。

本期带来的多媒体播放器,可以同时享受听音乐和看视频的乐趣,融合了音乐播放器和网络视频播放器,并且进行完善优化。本项目相对上一版本有以下提升:

  1. 将资源文件与项目文件独立分开,放在本地Tomcat服务器中进行访问。
  2. 增加了注册和登录界面,账号和密码使用Sqlite数据库存储。
  3. 优化了代码风格和代码注释,整体UI也进行了极大的优化。
  4. 简化了播放逻辑,封装了项目结构,用户体验感更加友好。

二、开发环境

三、准备工作

1、安装和配置JDK

  • JDK作为java开发必备工具包,我相信上过java课程的同学电脑上都有JDK。
  • 配置JDK1.8的教程:Win10如何安装JDK1.8,最快最详细教程

2、安装和配置Tomcat

Tomcat 服务器是一个免费的开放源代码的Web应用服务器,
属于轻量级应用服务器,
在中小型系统和并发访问用户不是很多的场合下被普遍使用,
是开发和调试JSP 程序的首选。
对于一个初学者来说,
可以这样认为,当在一台机器上配置好Apache 服务器,
可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。

Tomcat安装配置非常简单,大概5分钟就可以完成:如何安装和配置Tomcat(全网最详)

3、准备音乐和视频文件

解压我的源码(文末有获取方式),将资源文件夹中的3个文件夹放到下面的位置。

在Tomcat服务器的webapps里面的ROOT文件夹中新建三个文件夹,分别为music,pic和video。

music文件夹里面,我选取了6首很喜欢的歌曲,将它们进行重命名,命名格式为:music0、music1…music5:

pic文件夹里面放置6张圆形的歌手图片,同样命名为music0、music1…music5:

video文件夹里面放置6部MV,分别对应刚刚放的歌曲:

命名为video0、video1…video5。

4、获取本地网络地址

因为要访问服务器中的资源,所以需要知道服务器的IP地址,其实就是电脑的IP地址,网络——>属性——>属性,查看IPV4地址,复制下来。

将代码文件的以下两处更换为自己的IPV4地址。


5、关于访问Tomcat

如果运行App没有访问到资源文件,而且控制台信息显示:


根据以往的实践经验,考虑三种原因:

  1. IP地址是否写对,改成你电脑的IPV4地址。
  2. Tomcat是否启动,cmd输入startup启动Tomcat,启动后不要关闭命令提示符窗口,才能访问资源文件。
  3. App是否有网络权限,AndroidManifest中确保有< uses-permission android:name=“android.permission.INTERNET” />。

四、详细设计

1、项目结构

Activity包是活动类,包括登录、注册和MainActivity;Bean包是User类和Constant常量类;DataBase包是数据库和访问类;Music包是MusicActivity和SongFragment;Video包是VideoActivity和VideoFragment。

2、数据库设计

创建一个数据库media.db,同时插入一张表user,user的字段为account和password,来保存账号和密码,大家可以使用当做android项目的数据库模板。

public class DataBaseHelper extends SQLiteOpenHelper {
    public static final String DATABASE = "media.db";
    public static final int VERSION = 1;

    //建表语句定义成字符串常量
    public static final String CREATE_USER =
            "create table user ("
            + "account text primary key,"
            + "password text)";

    //创建DB对象时的构造函数
    public DataBaseHelper(Context context) {
        super(context, DATABASE, null, VERSION);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {
        db.execSQL(CREATE_USER);
    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {

    }
}

UserDao中进行数据库的CRUD操作,在操作前肯定是要打开数据库,操作完关闭数据库,这里只展示这部分代码。

    //创建并打开数据库(如果数据库已存在直接打开)
    public void open() throws SQLiteException {
        dbHelper = new DataBaseHelper(context);
        try {
            db = dbHelper.getWritableDatabase();
        } catch (SQLiteException exception) {
            db = dbHelper.getReadableDatabase();
        }
    }

    //关闭数据库
    public void close() {
        if (db != null) {
            db.close();
            db = null;
        }
    }

3、登录和注册

登录界面不同于以往任何应用,俏皮可爱的封面和输入框,注册也不再使用按钮而是文本框。

注册界面还加入了密码确认功能,逐层检测账号和密码是否匹配,按钮的style会在按下时改变。

4、音乐播放

activity_music为音乐播放界面,顶部采用自定义标题栏,中间是显示歌手图片的ImageView,下面是歌曲名称的TextView,这里的按钮增加了上一首和下一首,可以自由切换,中间的按钮控制歌曲的播放、暂停和继续播放。

对比一下2020年的同一项目,同样的layout文件,只能说时代在进步:

5、视频播放

activity_video是视频播放界面,顶部采用自定义标题栏,接着就是VideoView视频播放器,下面浅蓝色背景中显示的是视频名称,下方是播放、切换上一部、下一部视频的按钮,整体设计非常大气。

6、常量设置

Constant中设置了歌曲名、歌手图片和视频图片的数组,其实是和Tomcat文件夹中是对应的,视频图片是对MV进行截图获取的。

五、运行演示

⛺️解压我的压缩包之后,第一个是项目源代码,第二个是用到的Tomcat资源文件,将资源文件中的文件夹放到Tomcat的ROOT目录下,用Android Studio运行项目。

1、打开模拟器运行App,进入登录界面,点击注册按钮跳转至注册界面。

2、输入账号和密码进行注册,注册完成后自动跳转回登录界面。

3、成功登录后,进入主界面,底部导航栏包括音乐和视频,默认显示音乐菜单。

4、startup启动我们的Tomcat服务器,这样模拟器可以访问我们的资源文件。

5、点击歌曲,进入播放界面,此时歌手的图片和歌曲名称被传递过来并显示。

6、点击播放按钮,开始播放音乐,歌手图片开始旋转。

7、点击上一首或下一首按钮进行切换,而且还可以拖动进度条进行快进和快退。

8、我们再点击视频菜单,进入视频列表界面。

8、我们选择播放《听妈妈的话》,进入播放界面,上面是自定义标题栏,下方是播放按钮。

9、点击播放按钮开始播放,可以拖动下方的进度条开始快进和快退,也可以暂停播放。

10、还可以点击上一首/下一首切换按钮,进行视频切换,非常顺畅。

六、项目总结

本次项目综合了Android几乎所有知识,可以让大家熟练掌握Android程序开发的基本技术,涉及Android 基础知识、UI界面、数据存储、四大组件、网络编程、高级编程、多媒体播放器、适配器配置等。大家熟练掌握可以对以后的Android开发有非常大的帮助!

七、源码下载

以下两种方式都可以获取源代码:

直接点击下方链接下载源代码
Android Studio实现多媒体播放器
关注公众号《 萌新加油站 》,后台回复: 多媒体

🚀这有你错过的精彩内容
Android Studio实现外卖订餐系统
Android Studio实现考试管理系统
Android Studio实现图书馆订座系统
Android Studio实现学生信息管理系统
Android Studio实现前后台分离的选课系统

少而好学,如日出之阳;壮而好学,如日中之光;老而好学,如炳烛之明。——刘向

本文标签: 多媒体播放器音乐视频androidStudio