拓展SOUI中SImRichEdit控件的视频OLE控件(VideoOle)

最新推荐文章于 2023-04-05 10:19:05 发布
原创 最新推荐文章于 2023-04-05 10:19:05 发布 · 580 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#SOUI控件

本文介绍了一款基于SOUI框架的视频OLE控件，详细解析了控件的实现原理与布局配置，并提供了使用示例。控件支持视频播放、暂停及加载状态显示等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

视频定位控件数据可分为两部分：

可见部分：播放按钮、加载按钮、视频第一帧图片、视频时长

不可见部分：视频URL

以下为VideoOle控件头文件部分：

	extern "C" const GUID IID_VideoOleCtrl;
	class RichEditVideoOle :public RichEditOleBase
	{
		DECLARE_REOBJ(RichEditVideoOle, L"video")
	public:
		enum ReVideoState
		{
			REVIDEO_STATE_NORMAL,
			REVIDEO_STATE_LOADING,
		};

		RichEditVideoOle();
		~RichEditVideoOle();
		BOOL InitOleWindow(IRichEditObjHost* pHost);

		int GetVideoState(){return _state;}
		SStringW GetVideoUrl(){return _video_url;}
		SStringW GetVideoDuration(){return _video_duration;}
		SStringW GetVideoId(){return GetId();}
		
		void SetVideoPlayState(ReVideoState state);
	protected:
		void UpdatePosition();
		bool OnBnClickPlay(SOUI::EventArgs* pEvt);

	protected:
		SOUI_ATTRS_BEGIN()
			ATTR_STRINGW(L"video_duration", _video_duration, FALSE)
			ATTR_STRINGW(L"video_url", _video_url, FALSE)
			ATTR_STRINGW(L"video_cover_path", _video_cover_path, FALSE)
		SOUI_ATTRS_END()

	private:
		int			_state;
		SStringW	_video_duration;			//视频时长
		SStringW	_video_url;				//视频文件路径
		SStringW	_video_cover_path;			//视频第一帧图片路径
	};

以下为VideoOle控件的源文件部分代码：

	//
	// ------------------------------------------------------------------------------
	// impl RichEditVideoOle
	//
	// {FAB32B7E-AC02-468c-A615-1E730243B62E}
	static const GUID IID_VideoOleCtrl = 
		{ 0xfab32b7e, 0xac02, 0x468c, { 0xa6, 0x15, 0x1e, 0x73, 0x2, 0x43, 0xb6, 0x2e } };
	RichEditVideoOle::RichEditVideoOle()
	{
		_oleGuid = IID_VideoOleCtrl;
		_sizeNatural.cx = 300;
		_sizeNatural.cy = 160;
		_state = REVIDEO_STATE_NORMAL;
		_canBeSelect = FALSE;
		_xmlLayout = L"LAYOUT:VideoOleLayout";
	}

	RichEditVideoOle::~RichEditVideoOle()
	{
	}

	BOOL RichEditVideoOle::InitOleWindow(IRichEditObjHost* pHost)
	{
		BOOL ret = RichEditOleBase::InitOleWindow(pHost);
		SWindow* pVideoWnd = _oleView.FindChildByName2<SWindow>(L"video_frame");
		if (pVideoWnd)
		{
			SImageWnd* pVideoCoverWnd = pVideoWnd->FindChildByName2<SImageWnd>(L"video_cover_img");
			IBitmap* pFrameImg = SResLoadFromFile::LoadImage(_video_cover_path);
			if (pVideoCoverWnd && pFrameImg)
			{
				pVideoCoverWnd->SetImage(pFrameImg);
				UpdateWindowLayout(pVideoCoverWnd);
			}
		}

		SImageView* pPlay = _oleView.FindChildByName2<SImageView>(L"play");
		ISkinObj* pPlaySkin = GETSKIN(L"skin.richvideo_play", 100);
		if (pPlay && pPlaySkin)
		{
			pPlay->SetSkin(pPlaySkin);
			pPlay->SetVisible(TRUE, TRUE);
			pPlay->Resume();

			SUBSCRIBE(pPlay, EVT_CMD, RichEditVideoOle::OnBnClickPlay);
		}
		
		SImageView* pLoading = _oleView.FindChildByName2<SImageView>(L"loading");
		ISkinObj* pLoadingSkin = GETSKIN(L"skin.richvideo_loading", 100);
		if (pLoading && pLoadingSkin)
		{
			pLoading->SetSkin(pLoadingSkin);
			pLoading->SetVisible(FALSE, TRUE);
			pLoading->Resume();
		}

		SStatic* pVideoDuration = _oleView.FindChildByName2<SStatic>(L"video_duration");
		if (pVideoDuration)
		{
			pVideoDuration->SetWindowText(L"00:30");
		}

		return ret;
	}

	bool RichEditVideoOle::OnBnClickPlay(SOUI::EventArgs* pEvt)
	{
		_state = REVIDEO_STATE_LOADING;
		SWindow* pVideoWnd = _oleView.FindChildByName2<SWindow>(L"video_frame");
		if (pVideoWnd)
		{
			SImageWnd* pVideoCoverWnd = pVideoWnd->FindChildByName2<SImageWnd>(L"video_cover_img");
			IBitmap* pFrameImg = SResLoadFromFile::LoadImage(_video_cover_path);
			if (pVideoCoverWnd && pFrameImg)
			{
				pVideoCoverWnd->SetImage(pFrameImg);
				UpdateWindowLayout(pVideoCoverWnd);
			}
		}

		SImageView* pPlay = _oleView.FindChildByName2<SImageView>(L"play");
		ISkinObj* pPlaySkin = GETSKIN(L"skin.richvideo_play", 100);
		if (pPlay && pPlaySkin)
		{
			pPlay->SetSkin(pPlaySkin);
			pPlay->SetVisible(FALSE, TRUE);
			pPlay->Resume();
		}

		SImageView* pLoading = _oleView.FindChildByName2<SImageView>(L"loading");
		ISkinObj* pLoadingSkin = GETSKIN(L"skin.richvideo_loading", 100);
		if (pLoading && pLoadingSkin)
		{
			pLoading->SetSkin(pLoadingSkin);
			pLoading->SetVisible(TRUE, TRUE);
			pLoading->Resume();
		}

		SStatic* pVideoDuration = _oleView.FindChildByName2<SStatic>(L"video_duration");
		if (pVideoDuration)
		{
			pVideoDuration->SetWindowText(L"00:30");
		}

		_pObjHost->NotifyRichObjEvent(this, CLICK_VIDEOPLAY, 0, 0);
		return true;
	}

	void RichEditVideoOle::SetVideoPlayState(ReVideoState state)
	{
		_state = state;
		if (REVIDEO_STATE_NORMAL == state)
		{
			SWindow* pVideoWnd = _oleView.FindChildByName2<SWindow>(L"video_frame");
			if (pVideoWnd)
			{
				SImageWnd* pVideoCoverWnd = pVideoWnd->FindChildByName2<SImageWnd>(L"video_cover_img");
				IBitmap* pFrameImg = SResLoadFromFile::LoadImage(_video_cover_path);
				if (pVideoCoverWnd && pFrameImg)
				{
					pVideoCoverWnd->SetImage(pFrameImg);
					UpdateWindowLayout(pVideoCoverWnd);
				}
			}

			SImageView* pPlay = _oleView.FindChildByName2<SImageView>(L"play");
			ISkinObj* pPlaySkin = GETSKIN(L"skin.richvideo_play", 100);
			if (pPlay && pPlaySkin)
			{
				pPlay->SetSkin(pPlaySkin);
				pPlay->SetVisible(TRUE, TRUE);
				pPlay->Resume();
			}

			SImageView* pLoading = _oleView.FindChildByName2<SImageView>(L"loading");
			ISkinObj* pLoadingSkin = GETSKIN(L"skin.richvideo_loading", 100);
			if (pLoading && pLoadingSkin)
			{
				pLoading->SetSkin(pLoadingSkin);
				pLoading->SetVisible(FALSE, TRUE);
				pLoading->Resume();
			}

			SStatic* pVideoDuration = _oleView.FindChildByName2<SStatic>(L"video_duration");
			if (pVideoDuration)
			{
				pVideoDuration->SetWindowText(L"00:30");
			}
		}
	}

	void RichEditVideoOle::UpdatePosition()
	{
		if (_spAdviseSink)
		{
			_oleView.SetOleWindowRect(CRect(0, 0, 0, 0)); // 已经失效
			_oleView.Move(0, 0, _sizeNatural.cx, _sizeNatural.cy);
			CalculateExtentSize(_sizeNatural);
			_spAdviseSink->OnViewChange(DVASPECT_CONTENT, -1);
		}
	}

IID_VideoOleCtrl为控件GUID，可以自己生成。

接口说明：

InitOleWindow：初始化Ole窗口

GetVideoState：获取视频状态

GetVideoUrl：获取视频URL

GetVideoId：获取元素ID

GetVideoDuration：获取视频时长

OnBnClickPlay：播放按钮点击事件

void SetVideoPlayState：设置视频状态，主要是在下载完成后设置控件状态时使用

以下是布局相关xml：

<root>
  <window pos="0,0,-0,-0" skin="skin.empty">
    <window name="video_frame" pos="0,0,-0,-0">
      <img name="video_cover_img" pos="0,0,-0,-0" />
    </window>
    <image name="play" pos="130,60,-130,-60" cursor="hand" />
    <image name="loading" pos="130,60,-130,-60" />
    <window name="durationWnd" pos="0,-20,-0,-0" skin="skin.richvideo_timebg">
      <text name="video_duration" pos="-40,3,@40,@13" align="center" colorText="#FFFFFF" font="size:12" />
    </window>
  </window>
</root>

控件需要在uires.idx文件中添加相关映射关系

注意事项跟《拓展SOUI中SImRichEdit控件的语音OLE控件(AudioOle)》中一样；


以下为使用示例代码：

        SStringW strVideo;
        std::string strVideoId = KfUtility::GenerateUUID();
	std::wstring wstrVideoId;
	KfUtility::ConvertUtf8ToUtf16(strVideoId, wstrVideoId);
	strVideo.Format(L"<video id=\"%s\" video_duration=\"120\" video_url=\"\" video_cover_path=\"D:\\imrepose\\trunk\\KFClient6\\output\\Debug_Unicode\\default_res\\location.jpg\" />", wstrAudioId.c_str());
	SStringW strContentVideo;
	strContentVideo.Format(
		L"<RichEditContent  type=\"ContentRight\" align=\"right\" auto-layout=\"1\">"
		L"<para break=\"1\" align=\"left\" />"
		L"<bkele data=\"avatar\" id=\"%s\" skin=\"%s\" left-pos=\"0,]-6,@40,@40\" right-pos=\"-50,]-10,@40,@40\" cursor=\"hand\" interactive=\"1\"/>"
		L"<para id=\"msgbody\" margin=\"65,0,45,0\" break=\"1\" simulate-align=\"1\">"		
		L"%s"
		L"</para>"
		L"<bkele data=\"bubble\" left-skin=\"skin_left_bubble\" right-skin=\"skin_right_otherbubble\" left-pos=\"50,{-9,[10,[10\" right-pos=\"{-10,{-9,-55,[10\" />"
		L"%s"
		L"</RichEditContent>",
		wstrId.c_str(), wstrFaceId.c_str(), strVideo, pEmpty);
	pRecvRichEdit->InsertContent(strContentVideo, RECONTENT_LAST);

控件效果图如下：



SOUI之DIY： 自定义控件和消息实现
(ÒωÓױ)
09-12 2239
一、引言使用 SOUI 的过程是一个漫长的学习过程，必然要以需求驱使着，才能够促使自己去探索其内部的原理。最近有一个想法： 将一个导航条封装成一个控件类，但是导航条里面众多的按钮消息应该如何封装成自定义消息呢？ 我想要不论点击哪个按钮，也只需要外部监控一个事件消息来处理即可。这样子，对于外部来说，这个控件就是完整的封装良好的个体。 那么自定义控件的方法，SOUI 的博客上已经有过描述了，但
再谈向RichEdit中插入GIF动画的实现
haoekin的专栏
05-11 5211
我的前一篇文章“使用定时器显示GIF动画的ATL控件实现”中讲述了如何创建ATL项目，并实现显示GIF动画的控件，虽然能够显示，但有一些问题： 1. tphlj同学说一行插入多个GIF的时候，CPU会很高。     这个问题我倒没有注意，因为我发现了更严重的问题，所以用那种方法实现的控件没有使用了，已经被我删掉，不能测试。 2. 删除插入的GIF后发现光标还在不停的闪烁     显然这是由
soui视频播放器 VLC
03-24
soui视频播放器 VLC 1.工程直接copy soui的vui 2.soui请自行下载 3.采用vs2017 soui环境根据自己的环境修改 4.采用VLCWrapper封装 5.只实现了简单的功能，更多的功能和bug未做处理 5.vlc版本为2.2.1
拓展SOUI中SImRichEdit控件的语音OLE控件(AudioOle)
ceffans的博客
03-21 596
extern "C" const GUID IID_AudioOleCtrl; class RichEditAudioOle :public RichEditOleBase { DECLARE_REOBJ(RichEditAudioOle, L"audio") public: enum ReAudioState { REAUDIO_STATE_NOPLAY, // 未播...
SOUI自定义控件（3）
lovehuanhuan1314的专栏
05-30 483
上一节内容已经搭好了主框架，本章就在这个框架下添砖加瓦了。这一节主要讲SOUI的消息映射，在SOUI里使用了WTL的消息映射方式，当主窗口收到消息后会根据情况转发消息给SOUI的控件，在控件里我们使用本 //消息映射列表 SOUI_MSG_MAP_BEGIN() SOUI_MSG_MAP_END() 来处理消息。在这之前添加关心的消息即可，所有可用消息查看msgcrack.h即可查看。对于一大多数消息直接 MSG_WM_XXXX（XXXX代表消息名比如MSG_WM_SIZE即可处理WM
OLE 控件怎么插入到richEdit中
tangaowen的专栏
02-21 4234
OLE 控件怎么插入到richEdit中
EDIT控件使用方法
05-22
本例子通过在VS2010环境下对EDIT控件的使用进行总结，通过9种方法列比了EDIT控件的使用方法，能够熟悉掌握控件的使用。
SOUI学习（四）控件学习
最新发布
07-16
SOUI学习（四）控件学习是对SOUI图形用户界面框架中的控件使用进行深入学习的教程。SOUI是一个高效、轻量级的跨平台C++图形界面库，旨在为开发者提供一个简单、直观的界面开发工具，使得开发者能够快速搭建出美观且...
SOUI控件属性大全：从activex到checkbox详析
本文档详细介绍了SOUI库中的各种控件及其属性列表，包括ActiveX容器、Flash控件、MediaPlayer控件、日历、标题栏、静态文本控件、超链接控件、按钮、图片按钮、图片控件、动画图片窗口、进度条、线条控件、复选框、...
基于SOUI的C++图片自动旋转控件实现
SOUI框架中可能已经包含此类控件，或者开发者需要自己实现一个进度条控件，以便实时更新旋转动画中图片的加载进度。 #### 总结 本控件的开发涉及到C++编程、界面框架SOUI的使用，以及Windows平台下的图形处理和多...
拓展SOUI中SImRichEdit控件的定位OLE控件(LocationOle)
ceffans的博客
03-22 856
定位控件可以分为两个部分：展示部分：包括展示定位图片、定位标题、定位地址；数据部分：当前地址纬度（latitude）、经度（longitude）；以下为LocationOle控件的头文件部分： extern "C" const GUID IID_LocationOleCtrl; class RichEditLocationOle :public RichEditOleBase { DECL...
渐变色背景和圆形渐变色按钮源码
10-28
这是用界面库soui实现的渐变色背景和以渐变色为背景的按钮，大家可以参考。
SOUI控件的自绘和消息处理
JamesWu9527的博客
12-03 2444
看了作者在B站的视频 做一下知识点的总结 用一个简单的自定义控件来总结下所用的知识点 扩展一个DUI窗口的基本步骤知识点：Step1：从SWindow中继承一个DUI的窗口类 Step2: 定义新DUI窗口类的类名 Step3: 在main中向SApplication中注册新的DUI类 Step4: 在XML布局中使用你定义的DUI窗口类 一些准备工作 自绘需要一个关键的函数那就是Paint...
SOUI总结之控件说明
zym648326374的博客
04-05 1146
已安装
SOUI总结之比较常用的类
zym648326374的博客
04-05 148
CFileDialogEx openDlg(FALSE,_T("rtf"),_T("soui_richedit"),6,_T("rtf files(*.rtf)\0*.rtf\0All files (*.*)\0*.*\0\0"));if(openDlg.DoModal()==IDOK){ pEdit->SaveRtf(openDlg.m_szFileName);}CFileDialogEx openDlg(TRUE,_T("rtf"),0,6,_T("rtf files(*.rtf)\0*.rtf\0
一种快速刷新richedit中内嵌动画的方法的实现
weixin_33810006的博客
01-22 154
在IM中使用动画表情是一种非常有趣的方式，然而选择一种合适的方式来实现却并不容易。 一般来说，除了自己去实现一个富文本控件，目前主要的解决方案有3种： 1、使用浏览器做容器。 2、使用QT提供的Richtext做容器。 3、使用Richedit做容器。 使用浏览器做容器好处是使用简单，效率应该也不错（没有测试，只是感觉），缺点也很明显：内存占用太高，依赖于浏览器内核。基于IE内核虽然不需...
使用SOUI开发的界面集锦
weixin_34197488的博客
01-29 526
仿QQ管家界面
使用GDIPlus模仿实现QQ截图
ceffans的博客
03-15 1342
开发环境： 系统：Win7 64bits； 编译器：Visual Studio 2008 + SP1； 相关技术： MFC， GDIPlus 我们先来说说截图的原理；截图无非就是获取屏幕某个时间点的快照，然后再对此快照进行各种我们自己想要的操作，以达到我们自己想要的效果 以下为获取屏幕快照的相关代码： //拷贝屏幕到位图中 HBITMAP CCaptureSc
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值