1. 界面设计

目标效果：

 

1. 创建MFC对话框项目，或者直接使用项目模板

主要选择64位平台。

1. 拖放控件

1. 设置播放器区域的背景

把资源bg.bmp拷贝到项目目录的res目录下。

把bg.bmp添加当项目的资源中

把图片控件的类型修改为Bitmap, 并设置为刚添加的图片资源。

重新调整布局。

1. 添加播放视频的Frame类型的图片控件

大小和位置与bg.bmp重合。

ID修改为： IDC_STATIC_VIDEO

1. 播放视频

配置VLC开发环境，（项目模板中已经配置好了！）

手动配置VLC开发环境详解

1. 下载VLC安装包

 

1. 解压
2. 把相关的资源直接拷贝到项目目录下

在项目目录下，创建目录VLC

把VLC安装的解压目录下的include目录和lib目录，拷贝到项目目录下的VLC目录下

 

 

1. 配置环境

头文件目录：

VLC\include

库文件目录：

VLC\lib

附加依赖项：

libvlccore.lib

libvlc.lib

把动态库（安装包的解压目录下）拷贝到项目的可执行文件目录下

axvlc.dll

libvlc.dll

libvlccore.dll

npvlc.dll

把plugins目录拷贝到可执行文件目录下

创建视频播放器模块

创建 VideoPlayer.h和 VideoPlayer.cpp

VideoPlayer.h

#include "pch.h"#ifdef _WIN32
#include <basetsd.h>
typedef SSIZE_T ssize_t;
#endif#include "vlc/vlc.h"

因为vlc在windows平台需要 ssize_t类型，否则VLC的接口会编译失败！

定义播放器的数据类型

VideoPlayer.h

typedef struct VideoPlayer {libvlc_media_player_t* player;libvlc_instance_t* instance;HWND hwnd; //播放窗口
}video_player_t;

添加播放器的相关接口

VideoPlayer.h

bool videoPlayerInit();                 // 视频播放器的初始化
bool videoPlayerPlay(char* filePath);   // 播放指定视频
bool videoPlayerPause();				// 暂停
void videoPlayerStop();				// 停止

VideoPlayer.cpp

#include "pch.h"
#include "VideoPlayer.h"bool videoPlayerInit(video_player_t* player) {if (!player) return false;player->instance = libvlc_new(0, nullptr);return player->instance != NULL;
}bool videoPlayerPlay(video_player_t* player, char* filePath)
{bool bRet = false;if (!player || !filePath || strlen(filePath) == 0)return false;if (player->instance == NULL) {videoPlayerInit(player);return false;}libvlc_media_t* pVlcMedia = libvlc_media_new_path(player->instance, filePath);if (pVlcMedia == NULL) {return false;}player->player = libvlc_media_player_new_from_media(pVlcMedia);if (player->player) {// 设置播放窗口libvlc_media_player_set_hwnd(player->player, player->hwnd);// 播放if (libvlc_media_player_play(player->player) != -1)bRet = true;libvlc_media_release(pVlcMedia);}return bRet;
}bool videoPlayerPause(video_player_t* player) {if (!player || !player->player) {return false;}if (libvlc_media_player_can_pause(player->player)) {libvlc_media_player_pause(player->player);return true;}return false;
}void videoPlayerStop(video_player_t* player) {libvlc_media_player_stop(player->player);libvlc_media_player_release(player->player);player->player = nullptr;
}

测试播放器

MyPlayerDlg.cpp

#include "VideoPlayer.h"VideoPlayer mvPlayer; //MV播放void CPlayerTmpDlg::OnBnClickedButton1()
{// 测试，以下三行代码，测试后删除videoPlayerInit(&mvPlayer);mvPlayer.hwnd = GetDlgItem(IDC_STATIC_VIDEO)->GetSafeHwnd();videoPlayerPlay(&mvPlayer, "E:\\FFOutput\\9.mp4");
}

歌曲播放列表

歌曲列表的界面设计

1. 添加list control控件
2. 修改list control控件的id为： IDC_LIST_MUSIC

 

1. 为这个控件添加成员变量m_music_list;
2. 把风格设置为“报表风格”（Report)

 

1. 设置为可以单行选择

 

1. 添加单行选择事件

 选择NM_CLICK

 

单击确定后，自动生成事件处理函数：OnNMClickListMusic

添加静态歌曲数据

1. 创建列表的表头

在对话框的初始化函数中，添加：

// TODO: 在此添加额外的初始化代码m_music_list.SetTextColor(RGB(0, 50, 255));m_music_list.InsertColumn(0, _T("歌曲"));m_music_list.InsertColumn(1, _T("歌手"));m_music_list.SetColumnWidth(0, 108);m_music_list.SetColumnWidth(1, 68);// LVS_EX_GRIDLINES 显示项及其子项周围的网格线// LVS_EX_FULLROWSELECT 选择整行, 否则只显示这一行的一个单元格m_music_list.SetExtendedStyle(LVS_EX_GRIDLINES | LVS_EX_FULLROWSELECT);

创建数据层模块

1. 定义数据库中的实体（music）对应的数据类型

Database.h

// 定义歌曲类型
typedef struct music
{int music_id;char music_name[128];char music_path[256];char mv_path[256];char music_class[16];char music_singer[64];
}music_t;

1. 定义接口，向数据库获取，获取多行数据

Database.h

int get_all_music_info(music_t* musics, int max_count); //可以进一步优化为按“页”来获取

Database.cpp

int get_all_music_info(music_t* musics, int max_count)
{music_t data[] = {1,  "Cry again",    "E:\\FFOutput\\CHERRSEE-Cry again.mp3",     "E:\\FFOutput\\CHERRSEE-Cry again.mp4",     "流行音乐",  "CHERRSEE",2,  "烽烟四起",     "E:\\FFOutput\\fengyanshiqi.mp3",           "E:\\FFOutput\\fengyanshiqi.mp4",           "流行音乐",  "胡彦斌",3,  "大风吹",       "E:\\FFOutput\\dafengchui.mp3",             "E:\\FFOutput\\dafengchui.mp4",             "流行音乐",  "王赫野",4,  "人间惊鸿客",   "E:\\FFOutput\\ren jian jing hong ke.mp3",  "E:\\FFOutput\\ren jian jing hong ke.mp4",  "中国风",    "叶里",5,  "谪仙",         "E:\\FFOutput\\dixian.mp3",                 "E:\\FFOutput\\dixian.mp4",                 "中国风",    "叶里",};int count = sizeof(data) / sizeof(data[0]);for (int i = 0; i < count; i++) {musics[i].music_id = data[i].music_id;strcpy(musics[i].music_name, data[i].music_name);strcpy(musics[i].music_path, data[i].music_path);strcpy(musics[i].mv_path, data[i].mv_path);strcpy(musics[i].music_class, data[i].music_class);strcpy(musics[i].music_singer, data[i].music_singer);}return count;
}

从数据模块获取数据

在对话框的.cpp文件中添加全局变量musics

#define  MAX_NUM 100
music_t musics[MAX_NUM] = { 0 }; //保存所有歌曲

在对话框的.cpp文件中添加头文件 Database.h

#include "Database.h"

在对话框的初始化函数中，添加：

//7.获取数据库中全部歌曲int count = get_all_music_info(musics, MAX_NUM);for (int i = 0; i<count; i++) {m_music_list.InsertItem(i, musics[i].music_name);m_music_list.SetItemText(i, 1, musics[i].music_singer);}

调试效果：

调整歌曲列表字体大小

在对话框的初始化函数中，添加：

	// 歌曲列表字体LOGFONT   logfont; //定义一个“逻辑单位字体”CFont* pfont1 = m_music_list.GetFont();pfont1->GetLogFont(&logfont); // 获取逻辑单位字体logfont.lfHeight *=  1.5;   //这里可以修改字体的高比例logfont.lfWidth  *= 1.5;   //这里可以修改字体的宽比例static   CFont   font1;font1.CreateFontIndirect(&logfont); //使用逻辑单位字体，来创建一个字体m_music_list.SetFont(&font1);font1.Detach(); // 解绑

测试效果：

 

1. 通过歌曲列表实现选择播放

1. 初始化播放器

在对话框窗口的初始化函数中，添加：

// 初始化播放器videoPlayerInit(&mvPlayer);mvPlayer.hwnd = GetDlgItem(IDC_STATIC_VIDEO)->GetSafeHwnd();

添加全局变量，表示已经选择的歌曲，和当前正在播放的歌曲路径

int selectedRow; // 选择了第几行
CString currentMVPath = "";

1. 在列表的NM_CLICK事件处理程序中，更新selectedRow

void CMyPlayerDlg::OnNMClickListMusic(NMHDR* pNMHDR, LRESULT* pResult)
{LPNMITEMACTIVATE pNMItemActivate = reinterpret_cast<LPNMITEMACTIVATE>(pNMHDR);// pNMListView 表示单击了哪个个单元格NMLISTVIEW* pNMListView = (NMLISTVIEW*)pNMHDR;if (pNMListView->iItem != -1) { //如果单击了空白行，该成员等于-1selectedRow = pNMListView->iItem;}*pResult = 0;
}

1. 在播放按钮的单击事件处理函数中，实现播放控制

PLAY 和 PAUSE  两种按钮文字，交替出现。

对于ALC视频库，如果MV已经暂停了，再次使用暂停操作后，又会播放！

void CMyPlayerDlg::OnBnClickedButtonPlayMv()
{if (selectedRow < 0) return;CString status;GetDlgItemText(IDC_BUTTON_PLAY_MV, status);if (status == "PLAY") {  // 准备播放if (currentMVPath == "") { //准备第一次播放videoPlayerPlay(&mvPlayer, musics[selectedRow].mv_path); }else { // 播放器播放过MV了if (currentMVPath == musics[selectedRow].mv_path) {videoPlayerPause(&mvPlayer);} else { // 在播放列表中选择了其它歌曲videoPlayerStop(&mvPlayer); // 停止原来的歌曲videoPlayerPlay(&mvPlayer, musics[selectedRow].mv_path);}}SetDlgItemText(IDC_BUTTON_PLAY_MV, "PAUSE");currentMVPath = musics[selectedRow].mv_path;} else {  // 标题为"PAUSE"， 正在播放，准备暂停videoPlayerPause(&mvPlayer);SetDlgItemText(IDC_BUTTON_PLAY_MV, "PLAY");}
}

1. 测试效果

检查连续单击按钮的效果，以及选择了其它歌曲后的效果。

1. 添加进度条控制

1. 添加滑块控件 Slider Control

ID修改为IDC_SLIDER_MV

为这个控件，添加变量成员 m_slider_mv;

1. 设置刻度和范围

#define SLIDER_MV_MAX  1000BOOL CMyPlayerDlg::OnInitDialog()
{......m_slider_mv.SetRange(0, SLIDER_MV_MAX); return TRUE;  // 除非将焦点设置到控件，否则返回 TRUE
}

1. 为滑块添加NM_RELEASEDCAPTURE事件

就是当拖住滑块，然后松开滑块时触发该事件。

 

void CMyPlayerDlg::OnNMReleasedcaptureSliderMv(NMHDR* pNMHDR, LRESULT* pResult)
{float pos = m_slider_mv.GetPos();float percent = pos / SLIDER_MV_MAX;libvlc_media_player_set_position(mvPlayer.m_pVlcPlayer, percent);*pResult = 0;
}

测试效果：拖动滑块，验证能否快进或者后退。

1. 添加定时器，更新滑块的播放位置

在播放MV的时候，启动定时器

void CMyPlayerDlg::OnBnClickedButtonPlayMv()
{if (selectedRow < 0) return;CString status;GetDlgItemText(IDC_BUTTON_PLAY_MV, status);if (status == "PLAY") {  // 准备播放if (currentMVPath == "") { //准备第一次播放videoPlayerPlay(&mvPlayer, musics[selectedRow].mv_path); // 创建定时器，定时更新播放进度条SetTimer(1,  //定时器的编号, 可以定义为宏50,    //定时器时间间隔，单位msNULL);}else { // 播放器播放过MV了if (currentMVPath == musics[selectedRow].mv_path) {videoPlayerPause(&mvPlayer);KillTimer(1);} else { // 在播放列表中选择了其它歌曲videoPlayerStop(&mvPlayer); // 停止原来的歌曲videoPlayerPlay(&mvPlayer, musics[selectedRow].mv_path);SetTimer(1, 50, NULL);}}SetDlgItemText(IDC_BUTTON_PLAY_MV, "PAUSE");currentMVPath = musics[selectedRow].mv_path;} else {  // 标题为"PAUSE"， 正在播放，准备暂停KillTimer(1);videoPlayerPause(&mvPlayer);SetDlgItemText(IDC_BUTTON_PLAY_MV, "PLAY");}
}

添加定时事件

为播放器对话框添加定时消息。

 

void CMyPlayerDlg::OnTimer(UINT_PTR nIDEvent)
{// TODO: 在此添加消息处理程序代码和/或调用默认值if (nIDEvent == 1) {// libvlc_media_player_get_position返回已经播放的进度（0-1）int scale = libvlc_media_player_get_position(mvPlayer.m_pVlcPlayer) * SLIDER_MV_MAX;m_slider_mv.SetPos(scale);}CDialogEx::OnTimer(nIDEvent);
}

测试：验证滑块能否自动修改进度

发现BUG: 此时就不能手动拖动滑块了，还没有拖动完，滑块就被定时器修改位置了。

解决方案：拖动滑块时，关闭定时器，释放滑块时，再启动定时器。

为播放器对话框，添加HSCROLL消息:

 

void CMyPlayerDlg::OnHScroll(UINT nSBCode, UINT nPos, CScrollBar* pScrollBar)
{// TODO: 在此添加消息处理程序代码和/或调用默认值if (&m_slider_mv == (CSliderCtrl*)pScrollBar) {KillTimer(1);}CDialogEx::OnHScroll(nSBCode, nPos, pScrollBar);
}

void CMyPlayerDlg::OnNMReleasedcaptureSliderMv(NMHDR* pNMHDR, LRESULT* pResult)
{float pos = m_slider_mv.GetPos();float percent = pos / SLIDER_MV_MAX;libvlc_media_player_set_position(mvPlayer.m_pVlcPlayer, percent);SetTimer(1, 50, NULL); *pResult = 0;
}

1. 歌曲播放结束后，再播放按钮的标题修改为PLAY

void CMyPlayerDlg::OnTimer(UINT_PTR nIDEvent)
{// TODO: 在此添加消息处理程序代码和/或调用默认值if (nIDEvent == 1) {// libvlc_media_player_get_position返回已经播放的进度（0-1）int scale = libvlc_media_player_get_position(mvPlayer.m_pVlcPlayer) * SLIDER_MV_MAX;m_slider_mv.SetPos(scale);if (libvlc_media_player_get_state(mvPlayer.m_pVlcPlayer) == libvlc_Ended) {SetDlgItemText(IDC_BUTTON_PLAY_MV, "PLAY");currentMVPath = "";KillTimer(1);videoPlayerStop(&mvPlayer);}}CDialogEx::OnTimer(nIDEvent);
}

用数据库存储歌曲信息

安装mysql数据库

1. 下载mysql数据库安装包

1. 安装mysql

把安装包保存到D:/mysql目录下（手动创建该目录）

下载后解压

解压后的目录如下：

1. 配置mysql的环境变量

把mysql的安装目录 :

D:\mysql\mysql-8.0.24-winx64\mysql-8.0.24-winx64\bin

添加到path环境变量中：

 

1. 生成mysql的data文件

在cmd窗口执行命令：

mysqld --initialize-insecure --user=mysql

该命令可能会比较耗时（几分钟）

 

1. 安装mysql

执行命令：

mysqld -install

 

1. 启动mysql服务

执行命令：

net start MySQL

 

1. 登录Mysql

执行命令：

mysql -u root -p

直接回车即可（刚安装完后，mysql 的root用户的密码是空）

 

1. 修改mysql的root用户的密码

在mysql> 后面分别输入以下两条命令：

//打开mysql数据库

use mysql  

//把root用户的密码修改为123456

update mysql.user set authentication_string=("123456") where user="root";  

1. 退出mysql

quit

 

1. 重新登录

mysql  -uroot  -p

如果提示登录失败：

 

则重新以空密码的方式登录mysql, 然后再使用另一条命令修改密码：

mysql  -uroot  -p

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '123456';

退出myql, 再次使用新密码登录即可

编写数据库脚本

setup.sql (注意文件格式要使用ANSI编码，不要使用utf-8编码）

drop database if exists `music_player`;create database music_player;
use music_player;
create table  music_store(music_id int primary key,music_name     varchar(128) not null, music_path       varchar(256) not null,music_mv_path  varchar(256) not null,muisc_class     enum('流行音乐','纯音乐','中国风') default ('流行音乐'),music_singer   varchar(64) not null  
);
insert into music_store values(1,'Cry again','E:\\FFOutput\\CHERRSEE-Cry again.mp3','E:\\FFOutput\\CHERRSEE-Cry again.mp4','流行音乐','CHERRSEE');
insert into music_store values(2,'烽烟四起','E:\\FFOutput\\fengyanshiqi.mp3','E:\\FFOutput\\fengyanshiqi.mp4','流行音乐','胡彦斌');
insert into music_store values(3,'大风吹','E:\\FFOutput\\dafengchui.mp3','E:\\FFOutput\\dafengchui.mp4','流行音乐','王赫野');
insert into music_store values(4,'人间惊鸿客','E:\\FFOutput\\ren jian jing hong ke.mp3','E:\\FFOutput\\ren jian jing hong ke.mp4','中国风','叶里');
insert into music_store values(5,'谪仙','E:\\FFOutput\\dixian.mp3','E:\\FFOutput\\dixian.mp4','中国风','叶里');
select * from music_store;

执行数据库脚本

mysql -uroot -p < E:\0-直播课\13-650的IT外包-视频播放器\setup.sql

查看数据，检查脚本执行效果：

 

配置mysql的开发环境

需要配置好mysql的开发环境，才能访问mysql数据库

3.1）头文件目录

D:\mysql\mysql-8.0.24-winx64\mysql-8.0.24-winx64\include

3.2）库文件目录

D:\mysql\mysql-8.0.24-winx64\mysql-8.0.24-winx64\lib

3.3）配置附加依赖项

libmysql.lib

3.4）配置动态库

libmysql.dll

把libmysql.dll拷贝到项目的可执行文件所在的目录

该动态库在“D:\mysql\mysql-8.0.24-winx64\mysql-8.0.24-winx64\lib”目录下。

使用数据库来获取歌曲信息

修改数据模块.

定义mysql数据库的基本信息

Database.h

#define DB_HOST "127.0.0.1"
#define DB_USER "root"
#define DB_USER_PASSWD "123456"
#define DB_NAME "music_player"
#define DB_PROT 3306

数据库的默认端口是3306

添加连接数据库的接口

Database.h

#include <mysql.h>bool connect_mysql(MYSQL *mysql);

Database.cpp

#include"pch.h"  //预编译头文件，比如CString类型需要使用
#include "database.h"  //注意：pch.h必须放在 mysql.h 之前！bool connect_mysql(MYSQL *mysql) {mysql_init(mysql);// 设置数据库的字符集为"gbk"mysql_options(mysql, MYSQL_SET_CHARSET_NAME, "gbk");if (!mysql_real_connect(mysql, DB_HOST, DB_USER, DB_USER_PASSWD, DB_NAME, DB_PROT, 0, 0)) {CString error_info;error_info.Format("数据库连接出错,错误原因: %s", mysql_error(mysql));AfxMessageBox(error_info);return false;}return true;
}

修改获取数据的接口

把之前的get_all_music_info的实现全部删除。

Database.cpp

int get_all_music_info(music_t* musics, int max_count)//查询数据库中所有内容
{MYSQL mysql;MYSQL_RES* res;MYSQL_ROW row;// 连接数据库if (!connect_mysql(&mysql)) {return 0;}//  select * from  music_store limit 0,3   #返回前3行char sql[256];sprintf_s(sql, sizeof(sql), " select * from  music_store limit 0,%d", max_count);if (mysql_query(&mysql, sql)) { // 发送数据库查询指令CString error_info;error_info.Format("数据库查询出错,错误原因: %s", mysql_error(&mysql));AfxMessageBox(error_info);mysql_close(&mysql);return 0;}res = mysql_store_result(&mysql); // 执行查询int count = 0;for (int i = 0; i < max_count; i++) {row = mysql_fetch_row(res);   // 返回一行查询结果if (row == NULL) {break;}musics[i].music_id = atoi(row[0]);strcpy(musics[i].music_name, row[1]);strcpy(musics[i].music_path, row[2]);strcpy(musics[i].mv_path, row[3]);strcpy(musics[i].music_class, row[4]);strcpy(musics[i].music_singer, row[5]);count++;}mysql_free_result(res);mysql_close(&mysql);return count;
}

项目提升

1. 联网，实现视频流播放
2. 弹幕，很多桌面播放器没有弹幕功能（弹幕需要服务器共享信息）
3. 添加音频播放和管理，类似“酷狗音乐”
4. 项目借鉴：Qt版的酷狗

---

今天的分享就到这里了，大家要好好学C语言/C++哟~

欢迎转行和学习编程的伙伴，利用更多的资料学习成长比自己琢磨更快哦！

对于准备学习C/C++编程的小伙伴，如果你想更好的提升你的编程核心能力（内功）不妨从现在开始！

整理分享（多年学习的源码、项目实战视频、项目笔记，基础入门教程）加君羊获取哦~
C语言C++编程学习交流圈子，QQ群：763855696