Draw the QPushButton on the widget embedded with libvlc - MacOS

[myxingkong]

I have a program that plays video with LibVLC, and I want to put some circular buttons on top of the VLC Widget for a barrage effect.

This is my test code.

# -*- coding: utf-8 -*-
import sys
import os
import vlc

from PySide2 import QtCore, QtGui, QtWidgets


class RoundButton(QtWidgets.QPushButton):
    def __init__(self, radius, *args, **kwargs):
        super(RoundButton, self).__init__(*args, **kwargs)
        self._radius = radius

    def resizeEvent(self, event):
        r = self.rect()
        rb = QtCore.QRect(0, 0, 2*self._radius, 2*self._radius)
        reg = QtGui.QRegion(rb, QtGui.QRegion.Ellipse)
        rb.moveRight(r.right())
        reg += QtGui.QRegion(rb, QtGui.QRegion.Ellipse)
        rb.moveBottom(r.bottom())
        reg += QtGui.QRegion(rb, QtGui.QRegion.Ellipse)
        rb.moveLeft(r.left())
        reg += QtGui.QRegion(rb, QtGui.QRegion.Ellipse)
        reg += QtGui.QRegion(self._radius, 0, r.width() - 2*self._radius, r.height())
        reg += QtGui.QRegion(0, self._radius, r.width(), r.height() - 2*self._radius)
        self.setMask(reg)
        super(RoundButton, self).resizeEvent(event)

class demo_widget(QtWidgets.QWidget):
    def __init__(self):
        super(demo_widget, self).__init__()
        self.__ui__()

    def __ui__(self):
        self.resize(600, 400)
        t_lay_parent = QtWidgets.QHBoxLayout(self)
        t_lay_parent.setContentsMargins(0, 0, 0, 0)
        self.frame_media = QtWidgets.QFrame()
        t_lay_parent.addWidget(self.frame_media)

        self.pushButton_test = RoundButton(10, "Test", self)
        self.pushButton_test.setFixedSize(70, 30)
        self.pushButton_test.setAttribute(QtCore.Qt.WA_TranslucentBackground, True)
        self.pushButton_test.setStyleSheet("""QPushButton{
                                                  background-color:#36404A; 
                                                  border:1px solid #36404A;
                                                  color:#98A6AD;
                                                  }""")
        self.pushButton_test.move(265, 185)
        self.pushButton_test.clicked.connect(self.slt_play)

        self.instance = vlc.Instance("--network-caching=1000 --http-continuous")
        self.player = self.instance.media_player_new()

        if sys.platform.startswith('linux'): # for Linux using the X Server
            self.player.set_xwindow(self.frame_media.winId())
        elif sys.platform == "win32": # for Windows
            self.player.set_hwnd(self.frame_media.winId())
        elif sys.platform == "darwin": # for MacOS
            self.player.set_nsobject(self.frame_media.winId())

    def slt_play(self):
        media = self.instance.media_new("1111.m4v")
        self.player.set_media(media)
        self.player.play()


if __name__ == '__main__':
    app = QtWidgets.QApplication(sys.argv)
    demo = demo_widget()
    demo.show()
    sys.exit(app.exec_())

It works as expected on Windows and Linux, but on MacOS the button is under video.

This is the ideal working screenshot.

But actually the button is under video, and it's covered by video.

I tried to add the following Settings to the button, and it successfully worked as expected, but it ran outside the window.

self.pushButton_test.setWindowFlags(QtCore.Qt.SplashScreen | QtCore.Qt.FramelessWindowHint)

Is there a better way to float the button above video?

[SGaist]

Hi and welcome to devnet,

Did you already check the VLC-Qt project ? I don't know whether there are Python bindings yet but worth taking a look.

[myxingkong]

@SGaist I'm sorry I can't test vlc-qt because I don't know much about c++.
I discovered through Google that a project using vlc-qt had the same problems as mine.
https://github.com/vlc-qt/vlc-qt/issues/94

[SGaist]

From what's on the report, QtQuick would be a better choice for the UI in that case.