如何使用AnyChat GameVideo SDK定制游戏视频系统个性界面

anychat

原文参考：http://bbs.chinavideo.org/viewthread.php?tid=4670

    AnyChat游戏视频开发平台是专为游戏提供及时通讯功能的SDK包，包括文字、语音及视频等，而其强大的SDK和丰富的接口，可以实现界面的自由定制，下面就介绍一下几个常用的定制界面：

一、小窗体风格
1、效果图（采用默认窗体皮肤风格：GV_VF_SKIN_DEFAULT）：





2、特点：
    窗口风格简洁，节约在游戏中所占的位置；
    工具条自动隐藏；

3、定制代码：
复制内容到剪贴板
代码:
        GV_VW_STYLE     m_VideoWindowStyle;                        ///< 视频窗体风格

        memset(&m_VideoWindowStyle,0,sizeof(GV_VW_STYLE));
        m_VideoWindowStyle.cbSize = sizeof(GV_VW_STYLE);
        m_VideoWindowStyle.bkColor = RGB(4,111,193);                        ///< 设置窗体背景色
        m_VideoWindowStyle.selfTitleColor = RGB(254,114,141);        ///< 自己的标题颜色
        m_VideoWindowStyle.otherTitleColor = RGB(255,255,255);        ///< 别人的标题颜色
        m_VideoWindowStyle.vfStyle = GV_VF_STYLE_SMALLFRAME;        ///< 设置窗体样式
        m_VideoWindowStyle.bMoveWindow = FALSE;                                        ///< 不支持窗体移动
        m_VideoWindowStyle.bShowTitle = TRUE;                                        ///< 显示标题
        m_VideoWindowStyle.bShowVolume = TRUE;                                        ///< 显示音量
        m_VideoWindowStyle.vfSkin = GV_VF_SKIN_DEFAULT;                        ///< 设置默认窗体皮肤风格

        GV_VFT_STYLE            m_VideoToolbarStyle;                ///< 视频工具条风格
        memset(&m_VideoToolbarStyle,0,sizeof(GV_VFT_STYLE));
        m_VideoToolbarStyle.cbSize = sizeof(GV_VFT_STYLE);
        m_VideoToolbarStyle.bkColor = RGB(241,254,150);                        ///< 设置工具条背景色
        m_VideoToolbarStyle.maxTransPercent = 70;                                ///< 设置工具条最大透明度
        m_VideoToolbarStyle.animateDuration = 500;                                ///< 设置工具条变化周期(毫秒)
        m_VideoToolbarStyle.dwBtnMark = 0xFFFFFFFFL;                        ///< 显示所有按钮
        m_VideoToolbarStyle.dwBtnSpacePix = 5;                                        ///< 按钮之间的间隔
        m_VideoToolbarStyle.vftDispMode = GV_VFTDM_AUTOSHOW;        ///< 工具条显示模式：自动
        m_VideoToolbarStyle.vftBtnAlign = GV_VFTBA_LEFT;                ///< 按钮排列模式
        strcpy((char*)m_VideoToolbarStyle.szExtendBtnTooltip,"更多...");        ///< 工具条扩展按钮提示信息
        m_VideoToolbarStyle.dwEBtnTooltipSize =                                        ///< 工具条扩展按钮提示信息字符串长度
                strlen((char*)m_VideoToolbarStyle.szExtendBtnTooltip);

        if(m_pBRGameVideoClient)
        {
                m_pBRGameVideoClient->SetVideoFrameStyle((long*)&m_VideoWindowStyle);
                m_pBRGameVideoClient->SetVideoToolBarStyle((long*)&m_VideoToolbarStyle);
        }
4、该风格下的其它皮肤





水晶蓝皮肤样式（GV_VF_SKIN_CRYSTALBLUE）
复制内容到剪贴板
代码:
m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CRYSTALBLUE; ///< 设置水晶蓝窗体皮肤风格




古典皮肤样式（GV_VF_SKIN_CLASSIC）
复制内容到剪贴板
代码:
m_VideoWindowStyle.bkColor = RGB(140,64,28); ///< 设置窗体背景色
m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CLASSIC; ///< 设置古典窗体皮肤风格




水晶绿皮肤样式（GV_VF_SKIN_CLASSIC）
复制内容到剪贴板
代码:
m_VideoWindowStyle.bkColor = RGB(85,173,73); ///< 设置窗体背景色
m_VideoWindowStyle.vfSkin = GV_VF_SKIN_CRYSTALGREEN; ///< 设置水晶绿窗体皮肤风格
二、工具条窗体风格
1、效果图：



2、特点：
    界面风格较大方
    工具条显示在窗体下方，一目了然
    需要多占用一些位置，视频部分显示才感觉比较舒服

3、定制代码：
复制内容到剪贴板
代码:
  
m_VideoWindowStyle.vfStyle = GV_VF_STYLE_TOOLBAR; ///< 设置窗体样式
m_VideoWindowStyle.vfSkin = GV_VF_SKIN_DEFAULT;   ///< 设置默认窗体皮肤风格
4、该风格下的其它皮肤



面对面皮肤样式（GV_VF_SKIN_MDMSTYLEDEFAULT）
复制内容到剪贴板
代码:
m_VideoWindowStyle.vfSkin = GV_VF_SKIN_MDMSTYLEDEFAULT; ///< 设置面对面窗体皮肤风格
三、其它部分的定制
1、工具条颜色定制





背景色：RGB(96,247,38)
背景色：RGB(28,133,219)

2、工具条按钮定制
    上层游戏程序可以根据需要，定制工具条里面显示的按钮类型：







复制内容到剪贴板
代码:

m_VideoToolbarStyle.dwBtnMark = GV_VFT_BTN_BTN_VIDEOCTRL | GV_VFT_BTN_BTN_AUDIOCTRL |
GV_VFT_BTN_BTN_CLONEVIDEO | GV_VFT_BTN_BTN_FORTUNE | GV_VFT_BTN_BTN_SNAPSHOT | GV_VFT_BTN_BTN_EXTEND;

anychat

up

anychat

up

anychat

up