面向对象课程实验之媒体播放器

山东大学软件学院面向对象设计技术课程的实验之一。(说起来这些实验感觉没有什么太难的地方,基本没有什么实用性。)。(还有一个感受,重修太痛苦,别人两个人写一个,我要一个人写两个。好像我也算不上重修)
模拟实现一个多功能媒体播放器,它能播放音频(如mp3歌曲)、视频(选作,不属于基本要求)。媒体播放器界面,有进度条,可展示总播放时间、当前播放时间,进度条可拖动,有播放、暂停键,有快进、快退键。

0 效果

这个实验题目很明确,就是放音乐,网上一搜,java播放音乐的代码有的是,视频也有。
先上效果图:
在这里插入图片描述
在这里插入图片描述
(最近迷上了花花,全都是花花的歌。。。)
个人感觉完成度比较高吧。
实现的功能:音乐播放、上一首、下一首、随机播放、单曲循环、实时歌词、视频播放。

1 解耦

首先是解耦的过程。先要明确设计好哪些模块。我是按照 内容 -> 样式 -> 行为 的思路写的(基本是按照html -> css -> js的思路)。
不过,内容和样式是一起的而已。
在这里插入图片描述

2 界面

2.1 界面组织结构

在这里插入图片描述
第一部分:展示当前播放音频的文件名
第二部分:展示文件列表,包括视频和音频
第三部分:展示歌词信息
第四部分:控制部分,包含各种按钮、进度条等实现播放控制、模式控制等。
显然,视频播放不能在主界面实现,所以需要额外添加一个窗口播放视频,基本的设计与上图相比,仅保留第三、四部分。

2.2 重写进度条UI

我们都知道,java swing的基本组件都很难看,好在可以通过SliderUI来重新设计自己的UI。下面是我的:

package UI;

import Value.PlayerColor; //自己写的类,其中定义了所有的颜色常量

import javax.swing.*;
import javax.swing.plaf.basic.BasicSliderUI;
import java.awt.*;

public class SliderUI extends BasicSliderUI {

    public SliderUI(JSlider b) {
        super(b);
    }

    @Override
    public void paintThumb(Graphics g) { //绘制游标
        Graphics2D g2d = (Graphics2D) g;
        BasicStroke stroke = new BasicStroke(1, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND);
        g2d.setStroke(stroke);
        g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.5f));
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        GradientPaint gp = new GradientPaint(0, 0, PlayerColor.Default, 0, thumbRect.height, PlayerColor.Default);
        g2d.setPaint(gp);
        g2d.fillOval(thumbRect.x, thumbRect.y + 5, 10, 10);
        BasicStroke stroke1 = new BasicStroke(3, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND);
        g2d.setStroke(stroke1);
        g2d.drawLine(0, thumbRect.height / 2, thumbRect.x + 8, thumbRect.height / 2);
    }

    @Override
    public void paintTrack(Graphics g) { //绘制滑道
        Graphics2D g2d = (Graphics2D) g;
        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_OFF);// 设定渐变
        g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
        g2d.setPaint(new GradientPaint(0, 0, PlayerColor.SliderStart, 0, trackRect.height, PlayerColor.SliderEnd, true));
        g2d.setStroke(new BasicStroke(4, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND));
        g2d.drawLine(8, trackRect.height / 2 + 1, trackRect.width + 8, trackRect.height / 2 + 1);
    }
}

2.3 面板切换

实现音乐列表和视频列表的切换。首先,这个不能用基本的JPanel,否则多余的列表项就不会现实出来,得用滑动面板JScrollPane。关于这个JScrollPane的用法,我也是查了好多博客才弄明白,需要注意一下几点:

  1. JScrollPane设置setBounds设置的本身的大小
  2. JScrollPane设置setViewportView(obj)是JScrollPane里面包裹的是obj,不是add方法,添加JScrollPane的时候仍然是add
  3. 内容元素obj要设置setPreferredSize
        scrollPane = new JScrollPane();
        scrollPane.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);//设置水平条不出现
        scrollPane.getVerticalScrollBar().setUI(new ScrollBarUI());//重新UI,类似于2.2
        scrollPane.setBounds(0, 100, 300, 600);//设置本身大小
        scrollPane.setViewportView(asideList);
        /*
        asideList是面板,用于容纳每一项,在构造asideList的时候必须有下面的语句,num是列表项的数目:
        setVisible(true);
        setPreferredSize(new Dimension(300, 50 * num));
		*/
        scrollPane.setBorder(null);
        add(scrollPane);

UI

package UI;

import Value.PlayerColor; //自己写的类,其中定义了所有的颜色常量

import java.awt.AlphaComposite;
import java.awt.Dimension;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Rectangle;
import java.awt.RenderingHints;

import javax.swing.JButton;
import javax.swing.JComponent;
import javax.swing.JScrollBar;
import javax.swing.plaf.basic.BasicScrollBarUI;


public class ScrollBarUI extends BasicScrollBarUI {
    @Override
    protected void configureScrollBarColors() {
        trackColor = PlayerColor.ListEvenItemBackground;
        setThumbBounds(0, 0, 10, 10);
    }

    @Override
    public Dimension getPreferredSize(JComponent c) {
        c.setPreferredSize(new Dimension(5, 0));
        return super.getPreferredSize(c);
    }

    @Override
    public void paintTrack(Graphics g, JComponent c, Rectangle trackBounds) {
        Graphics2D g2 = (Graphics2D) g;
        GradientPaint gp = null;
        if (this.scrollbar.getOrientation() == JScrollBar.VERTICAL)
            gp = new GradientPaint(0, 0, PlayerColor.ListEvenItemBackground, trackBounds.width, 0, PlayerColor.ListEvenItemBackground);
        g2.setPaint(gp);
        g2.fillRect(trackBounds.x, trackBounds.y, trackBounds.width, trackBounds.height);//填充Track
        if (trackHighlight == BasicScrollBarUI.DECREASE_HIGHLIGHT)
            this.paintDecreaseHighlight(g);
        if (trackHighlight == BasicScrollBarUI.INCREASE_HIGHLIGHT)
            this.paintIncreaseHighlight(g);
    }

    @Override
    protected void paintThumb(Graphics g, JComponent c, Rectangle thumbBounds) {
        g.translate(thumbBounds.x, thumbBounds.y);// 这句一定一定要加上,不然拖动就失效了
        g.setColor(PlayerColor.LyricsBackground);// 设置把手颜色
        g.drawRoundRect(0, 0, 5, thumbBounds.height - 1, 5, 5);
        // 消除锯齿
        Graphics2D g2 = (Graphics2D) g;
        RenderingHints rh = new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g2.addRenderingHints(rh);
        // 半透明
        g2.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.5f));
        g2.fillRoundRect(0, 0, 40, thumbBounds.height - 1, 5, 5);
    }

    @Override
    protected JButton createIncreaseButton(int orientation) {
        JButton button = new JButton();
        button.setBorderPainted(false);
        button.setContentAreaFilled(false);
        button.setBorder(null);
        return button;

    }

    @Override
    protected JButton createDecreaseButton(int orientation) {
        JButton button = new JButton();
        button.setBorderPainted(false);
        button.setContentAreaFilled(false);
        button.setFocusable(false);
        button.setBorder(null);
        return button;
    }

}

3 音乐功能

在这里插入图片描述

3.1 音乐播放

实现mp3播放的有很多方式,我用的是下面这个:

        <dependency>
            <groupId>com.googlecode.soundlibs</groupId>
            <artifactId>mp3spi</artifactId>
            <version>1.9.5.4</version>
        </dependency>

使用方式:

		File file = new File(path);
		FileInputStream stream = new FileInputStream(file);
		Player player = new Player(stream);
		player.play();

但是直接这样子是有问题的。播放之后会阻塞,所以需要新开辟一个线程

3.2 播放模式

上一首、下一首、随机播放、循环播放等,没有什么难点。就是设置几个变量,在一首音乐播放完毕后,检查这几个变量就行。

3.3 通过进度条控制播放进度

没有控制播放进度的功能,我的解决方法是讲音频文件变成字节流,在控制时再将字节流转换成文件流

3.4 显示歌词

使用lrc文件,可以看出很好处理,前面是时间,后面是歌词,单独组织称一个数据结构保存,开辟一个线程控制。
在这里插入图片描述

4 视频功能

视频的实现是用VLC。安装VLC时先看看本身能不能正常播放(我下了一个都不能正常播放,更不用说用代码控制了)

4.1 实现播放

安装好之后发现基本的播放功能VLC都是提供的。而且只要字幕(弹幕)文件和视频放在同一个文件夹下就能自动加载进去,如下图
在这里插入图片描述

5 源码

此处是源码

  • 6
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值