ActiveX 网页播放控件

        最近在搞视频监控项目，需要在网页上显示实时视频，于是网上找了很多资料研究如何在网页上播放视频，一种实现方式就是开发activex控件嵌入到网页中。如下我将介绍如何开发一个可以分屏播放视频的activex控件 (部分内容也是从网上抄的，感谢各位劳动人民:))

创建ActiveX工程(使用VS2008)

1.选择“文件”菜单，然后选择“新建”->“项目”。

2.在“新建项目”对话框中，如下图1所示，选择“Visual C++”分类下的“MFC”。然后选择“MFC ActiveX控件”作为项目模板。  

3.将新项目命名 为“TVWallAX”，然后选择项目的保存目录，最后点击“确定”按钮，关闭“新项目”对话框，进入“MFC ActiveX控件”向导。

4.在“MFC ActiveX控件”向导中，如下图2所示，选择左侧的“控件设置”，进入控件参数设置页面。

5.在“Create control based on”下拉列表中选择“STATIC”。这表示我们使用的是一个静态控件，因为我们仅仅是显示输出而不接收输入。

6.在下面的“Additional features”的所有选项中，我们确认选中“Activates when visible”和“Flicker-free activation”这两个选项，同时确认“Has an About box dialog”选项没有被选中。

7.点击“Finish”按钮关闭整个“MFC ActiveX控件向导”对话框，然后向导就会为我们创建整个项目的源代码。默认情况下，向导创建的项目是使用共享MFC DLL的，这里我们需要改变这一设置。因为如果目标机器上没有安装MFC DLL，那么ActiveX控件就不会运行。我们常常看到一些网页上的ActiveX控件被显示为红色的叉叉，很多都是这个原因造成的。为了解决这个问题，我们使用静态的MFC DLL。从Visual Studio的菜单中选择“项目”->“属性”，然后切换到“配置属性”->“普通”，在配置页面中的“Use of MFC ”下拉列表中，将“use MFC in a shared DLL”切换成“Use MFC in a Static Library”就可以了。

以上步骤就完成了控件的基本框架。

设计分屏控件

接下来我们需要编写一个可以16分屏的控件，用户可以选择1分屏、4分屏、6分屏、9分屏、16分屏。如下：

设计3个类CPlayerItem、CPlayer、CPlayerGroup

CPlayerItem放在CPlayer上面，主要用来显示视频。CPlayerItem是CPlayer的子控件，比CPlayer尺寸小4个像素。CPlayer放在CPlayerGroup上面，主要用来显示鼠标选中播放视频窗口(CPlayer)后的矩形框。

CPlayerGroup主要用来管理16个CPlayer即CPlayerGroup是CPlayer的父窗口。CPlayerGroup放在创建好的CTVWallAXCtrl上面。

CPlayerGroup分屏实现

CPlayerGroup中定义16个CPlayer，需要实现如下功能：

1. 按用户选择的画面数显示对应个数的CPlayer。
2. 正确布局当前所有CPlayer。
3. 当窗口尺寸变化是调整CPlayer位置及尺寸。
4. 把用户当前鼠标操作反馈给主界面，如用户点选视频播放窗口、用户最大化视频播放窗口等。

用户选择对应的画面数目就需要对各个CPlayer重新布局即重新计算在CPlayerGroup中对应的坐标位置。

void CPlayerGroup::RecalWndPos()
{
	CRect rcWindow;
	GetClientRect(rcWindow);
	int nWidth;
	int nHeight;
	int nPos;
	// 清空所有CRect
	for(nPos=0;nPos=m_nCount)
			{	
				return;
			}
		}
	}

	for(nPos=0;nPos=m_nCount)
			{
				return;
			}
		}
	}
}

我们还需要重写CPlayerGroup 对应的OnSize(UINT nType, int cx, int cy)消息处理函数，当窗口尺寸改变后需要重新对CPlayer布局。

最后效果