QWebView с прозрачным фоном поверх Phonon::VideoWidget

Передо мной встала задача добиться размещения виджета QWebView поверх работающего Phonon::VideoWidget, таким образом, чтобы background был прозрачен и выводимый на QWebView текст отображался непосредственно поверх видеоряда.

Ниже я расскажу, почему это проблематично сделать, и какой workaround я нашел.

Проблема состоит в том что phonon-backend, например GStreamer рисует видеоряд в Linux напрямую через XRender, путем длительного гугления и всяческих тестов я убедился, что невозможно вывести прозрачный QWidget поверх видеоряда, в любом случае получается черная подложка. Т. е. изначально, я пробовал такой вариант кода:

1. m_video = new Phonon::VideoWidget;
2. .....
3. QWebView *view = new QWebView(mVideo);
4. view->setHtml("<div style=\"color:#FFFFFF;font-size:36px;\">Hello Qt!</div>");
6. QPalette palette = view->page()->palette();
7. palette.setBrush(QPalette::Base, Qt::transparent);
8. view->setPalette(palette);
10. view->setAttribute(Qt::WA_OpaquePaintEvent, false);
12. m_video->show();
13. m_video->resize(640, 480);
15. view->setFixedSize(m_video->width(), m_video->height());

ЭТОТ ВАРИАНТ НЕ РАБОТАЕТ!

Тогда я решил попробовать поискать обходной путь и нашел его. Основная идея в том чтобы сделать оверлейный виджет отдельным окном с отключенным оформлением, причем такой, чтобы он был привязан к VideoWidget таким образом, чтобы мог перемещаться и менять размеры вслед за ним. 

Сначала наследуем новый класс от видео виджета и переопределяем event методы таким образом, чтобы автоматически изменять геометрию оверлейного виджета в зависимости от геометрии видео виджета:

1. class OverlayedVideoWidget : public Phonon::VideoWidget
2. {
3. public:
4.     OverlayedVideoWidget(QWidget *parent = 0) :
5.         Phonon::VideoWidget(parent),
6.         m_overlayWidget(0)
7.     {
8.     }
10.     void setOverlayWidget(QWidget *widget)
11.     {
12.         m_overlayWidget = widget;
13.     }
15. protected:
16.     void moveEvent(QMoveEvent *event)
17.     {
18.         if (m_overlayWidget)
19.             m_overlayWidget->move(event->pos());
20.     }
22.     void resizeEvent(QResizeEvent *event)
23.     {
24.         if (m_overlayWidget)
25.             m_overlayWidget->resize(event->size());
26.     }
28.     void hideEvent(QHideEvent *)
29.     {
30.         if (m_overlayWidget)
31.             m_overlayWidget->hide();
32.     }
34.     void showEvent(QShowEvent *)
35.     {
36.         if (m_overlayWidget)
37.             m_overlayWidget->show();
38.     }
40.     void closeEvent(QCloseEvent *)
41.     {
42.         if (m_overlayWidget)
43.             m_overlayWidget->close();
44.     }
46. private:
47.     QWidget *m_overlayWidget;
48. };

Таким образом мы добиваемся того, чтобы оверлейный виджет всегда находился над виджетом с видеорядом и имел точно такие же размеры.

А теперь подключаем виджет:

1. m_video = new OverlayedVideoWidget;
3. QWebView *view = new QWebView();
4. view->setHtml("<div style=\"color:#FFFFFF;font-size:36px;\">Hello Qt!</div>");
5. QPalette palette = view->page()->palette();
6. palette.setBrush(QPalette::Base, Qt::transparent);
8. view->setPalette(palette);
9. view->page()->setPalette(palette);
10. view->setAttribute(Qt::WA_OpaquePaintEvent, false);
11. view->setAttribute(Qt::WA_TranslucentBackground, true);
12. view->setWindowFlags(Qt::ToolTip | Qt::FramelessWindowHint);
14. m_video->setOverlayWidget(view);
15. m_video->show();
16. m_video->resize(640, 480);

Вся соль идеи в 11 и 12 строках. Мы делаем оверлейный виджет окном специального типа, который не имеет заголовка, не отображается в панели задач и имеет прозрачный background.

Поскольку наше "окно" привязано к OverlayedVideoWidget оно все время будет как бы парить над ним, создавая эффект единого целого.

На этом все.