Transparent QWebView over Phonon VideoWidget

vsorokin

Hello everyone.
I need put QWebView (ok, any QWidget) with transparent background over Phonon VideoWidget,

I doing it so:
@
m_video = new Phonon::VideoWidget;
.....
QWebView *view = new QWebView(mVideo);
view->setHtml("<div style="color:#FFFFFF;font-size:36px;">Hello Qt!</div>");

QPalette palette = view->page()->palette();
palette.setBrush(QPalette::Base, Qt::transparent);
view->setPalette(palette);

view->setAttribute(Qt::WA_OpaquePaintEvent, false);

m_video->show();
m_video->resize(640, 480);

view->setFixedSize(m_video->width(), m_video->height());

@

But I'm not see video under white text, I just see white text on black rectangle.
Of course, without overlay widget I see video normally.

Any suggestions?

vsorokin

I found workaround for this issue:

This is subclass of Phonon::VideoWidget with overrided events methods.

@class OverlayedVideoWidget : public Phonon::VideoWidget
{
public:
OverlayedVideoWidget(QWidget *parent = 0) :
Phonon::VideoWidget(parent),
m_overlayWidget(0)
{
}

void setOverlayWidget(QWidget *widget)
{
    m_overlayWidget = widget;
}

protected:
void moveEvent(QMoveEvent *event)
{
if (m_overlayWidget)
m_overlayWidget->move(event->pos());
}

void resizeEvent(QResizeEvent *event)
{
    if (m_overlayWidget)
        m_overlayWidget->resize(event->size());
}

void hideEvent(QHideEvent *)
{
    if (m_overlayWidget)
        m_overlayWidget->hide();
}

void showEvent(QShowEvent *)
{
    if (m_overlayWidget)
        m_overlayWidget->show();
}

void closeEvent(QCloseEvent *)
{
    if (m_overlayWidget)
        m_overlayWidget->close();
}

private:
QWidget *m_overlayWidget;
};@

Usage example:
@m_video = new OverlayedVideoWidget;

QWebView *view = new QWebView();
view->setHtml("<div style="color:#FFFFFF;font-size:36px;">Hello Qt!</div>");
QPalette palette = view->page()->palette();
palette.setBrush(QPalette::Base, Qt::transparent);

view->setPalette(palette);
view->page()->setPalette(palette);
view->setAttribute(Qt::WA_OpaquePaintEvent, false);
view->setAttribute(Qt::WA_TranslucentBackground, true);
view->setWindowFlags(Qt::ToolTip | Qt::FramelessWindowHint);

m_video->setOverlayWidget(view);
m_video->show();
m_video->resize(640, 480);@

Main idea of this workaround is set to overlayed widget ToolTip window flag and connect move, resize, etc events of both objects.

hornuda

Hello Vass,

I really like your solution, this is very smart! I would like to use it, but i have a QGLWidget instead of a QWebView. Is it possible to mark the QGLWidget as ToolTip and only have the OpenGL Objects on top and not the black background from the QGLWidget?

btw I use Qt4.6

vsorokin

I guess it should work with QGLWidget too, because QGLWidget is subclass of QWidget, so technically it's possible and not difficult.

hornuda

Hm seems that it does not work as easy as I thougt, would you give it a try ?

hornuda

So, to answer my own question -> yes it is really easy. Just define Qt::WA_TranslucentBackground to true for your QGLWidget, show it as Tooltip and you will have a nice opengl overlay for your phonon video. Import to enable your composite manager, e.g. Compiz for Linux.

hornuda

Hello once again,

the solution works, but do you think there would be probably a better and cleaner solution ? (referring to http://stackoverflow.com/questions/4473709/play-a-video-with-custom-overlay-graphics/13120078#13120078)

Vaido

bq. the solution works, but do you think there would be probably a better and cleaner solution ? (referring to http://stackoverflow.com/questions/4473709/play-a-video-with-custom-overlay-graphics/13120078#13120078)

I am not sure if this solution is better or cleaner but it worked for me. Here is a complete code example, which finally worked after one day of trying...

http://www.qtcentre.org/archive/index.php/t-39496.html

Good Luck!

Nominate our 2022 Qt Champions!

Transparent QWebView over Phonon VideoWidget