Page 1 of 1

iFrame with DrawSplite and Mouse and Keyboard

Posted: Mon Jan 23, 2023 9:31 pm
by temisnet
I need to have mouse and keyboard events, draw images and play a video in the background.
The solution I found for the video was iFrame but I can't use the gadget due to not getting elements on top of the video.
To work around, I used the code that I exemplify below.
The only problem is that due to the video being in the body, the openwindow and openwindowscreen form a black screen, I needed the video to be displayed in the background with the images on it but I don't know how to load this iFrame inside the windowedscreen element or make it transparent.

Code: Select all

#video = "https://rgbr.net/video.html"
#Title = "Test"
#imgbuttons = 1
Global ScreenSizeX.i=1920, ScreenSizeY.i=1080, pX.d, pY.d, ppx.d, ppy.d
Declare.a AdjustSize()
Declare.a AppendBody(content.s)
Declare.a Loading(Type, Filename$)
Declare.s Get_imgbuttons()
Declare.a RenderFrame()
ExamineDesktops()

AdjustSize()
AppendBody("<iframe width='"+ppx.d+"' height='"+ppy.d+"' src='"+#video+"' frameborder='0' allowfullscreen></iframe>")
ExamineDesktops() : AdjustSize()

If OpenWindow(0, 0, 50, ScreenSizeX.i*2, ScreenSizeY.i*2, #Title, #PB_Window_BorderLess)
  If OpenWindowedScreen(WindowID(0), 0, 0, DesktopWidth(0), DesktopHeight(0), 1, 0, 0, #PB_Screen_SmartSynchronization)
  EndIf
EndIf

Procedure.a AdjustSize()
  pX.d = DesktopWidth(0)/ScreenSizeX.i : pY.d = DesktopHeight(0)/ScreenSizeY.i
  ZoomSprite(#imgbuttons,pX.d*1920,pY.d*254)
  Debug Str(pX.d*1920)+" - "+Str(pY.d*1080)
  ppx.d = 1920*pX.d : ppy.d = 1080*py.d
EndProcedure

Procedure.a AppendBody(content.s)
  !$("body").append(v_content);
EndProcedure

Procedure.s Get_imgbuttons()
! return "data:image/png;base64," +
! "iVBORw0KGgoAAAANSUhEUgAAB4AAAAD+CAMAAADs8+jLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAwBQTFRF2traoqKi/z4+5+fn/0tL/wMD5wIClpaW7e3tn5+f3C0t/wMD/0FBiIiI6urqel1dSRwc/wMD3t7e8vLy1NTU/7e30tLS4uLi" +
! "/wQEra2t/0dHzwEB/xAQ+Pj49vb27+/v0NDQ/yoqtra28PDwlJSUkJCQ7u7u/yIinp6e/62t/Pz89PT0ubm5/xwc/zg4/zMzowAAtAAAmZmZ/4iI7j09ioqK/wQE8bCw+vr6qqqq/wQEXwAA/+np/5yckCgoi3h4/wMDnJyc/9XVhYWFmpqa/3R0kQAAZjExkpKS9tnZ" +
! "3Glp/wMD/2dn/0ND/zQ0+peXjIyMvjMzcwAA/y0t/xMT/zs73AEB/05O/xYW7cbG3o+P/wMD/35+/yQk+AAA/8PDgoKC/xkZ/4OD/wQE/zAwu0xM/wYG/woK/nh4/+/v/2Zm/1tb/wUF/ycn/wwM/zIy3Ken/1tb/wAA18LC/woK/1RU/8rK/xYW/1FR/7u7/y4u/0RE" +
! "1gwMwRAQ/wAA/wwMYgMD/x8f8+fn/yIi8NbW/6Wl/yYm/5OTjhISsbGxcBMTohQU/xoa/xAQ/z4+/wEB/y4u7Orq/y0ty8vL7evr/xwc/wYG/xQUzH9//z8//wEB/wkJ/0dH/ykp/xAQ4dzcr6+vz7OzxsbGsLCwv7+/w8PDwsLC/zg4/zIywcHBu7u7sbGxyMjIxMTE" +
! "s7Ozvb29tLS02cvL8/Pzvr6+/0JCx8fHurq6yry8/zs7s7Oz/0tLycnJ/wEB/yMj29fX9QkJ/wYGtLS0//f3/ycn/zk5/zQ0/zIyrq6u/ywsvLy8/wsLwMDA+fn5xcXFysrKtbW1p6enzMzMqampzc3N////1tbW/wEB3d3d19fX5eXl/v7+6enpp6enpaWl4ODg2NjY" +
! "2dnZz8/Pzs7O3Nzc5OTk6Ojo4eHhsKOjppWV29XV/1RUm4eH/zY28O7u/xoa29vb4+PjvqGh4s7O/xYW8fHx/19f/woK/y4u/wEB9uHh/x4e/05OxL+/19bW3dzc////+/eGRAAAAQB0Uk5T////////////////////////////////////////////////////////" +
! "////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////" +
! "////////////////////////////////////////////////////////////////////////////////////AFP3ByUAADTXSURBVHja7N19TFtnni9wLKQAUUIs4xghBCYmIGos5WUaTRBbRmk6SbfaaBKEkKY006ak0txV/uhopVVW7TTNdO5tlUqRFhrdGRWxXvyC" +
! "jEHowpjGsWYaK5swHrARUAQE807cNs0UdmEz2ZvVzX2ec57nvPiFhEBwBn8/ts/Lc57znEMa95vfsbHTHgEAAMCmS8MfAQAAAAIYAAAAAQwAAAAIYAAAAAQwAAAAIIABAAAQwAAAAIAABgAAQAADAAAAAhgAAAABDAAAgAAGAAAABDAAAAACGAAAABDAAAAACGAAAABA" +
! "AAMAACCAAQAAAAEMAACAAAYAAEAAAwAAAAIYAAAAAQwAAAAIYAAAAAQwAAAAIIABAAAQwAAAAIAABgAAQAADAAAggAEAAAABDAAAgAAGAAAABDAAAAACGAAAABDAAAAACGAAAABAAAMAACCAAQAAEMAAAACAAAYAAEAAAwAAAAIYAAAAAQwAAAAIYAAAAAQwAAAAIIAB" +
! "AAAQwAAAAAhgAAAAQAADAAAggAEAAAABDAAAgAAGAAAABDAAAAACGAAAABDAAAAACGAAAAAEMAAAACCAAQAAEMAAAACAAAYAAEAAAwAAAAIYAAAAAQwAAAAIYAAAAAQwAAAAAhgAAAAQwAAAAAhgAAAAQAADAAAggAEAAAABDAAAgAAGAAAABDAAAAACGAAAAAEMAAAA" +
! "CGAAAAAEMAAAACCAAQAAEMAAAACAAAYAAEAAAwAAAAIYAAAAAQwAAIAABgAAgOcngAunhj2dpgG/f2DAJBhgSIs/Pm9cbnJXsdnIXWa1WSW9KnnxVagNPV44PDkZzvN2hqbTjYVm/EcHAHgepVruxA9g84TBGbA7WnyNw8QcuckGBY2iEOdTahfQmUfSQu5EUKlD4uhw" +
! "CJyUy0Xukj7Obrd3K3RKAlxbQj0Wk8lP/4t4Tfa0Avw1BwB4zpgnzKVjjY4eEsDR+TuQMH+fMIBJ/rrXk79PF8DhCuuAa3Y0O6cgQe7EC2Dzgqenu2VOP704qpuaikTIY4rQxTE6Os8sLi6mUTNpMzMz0ypj5M6NjOjJXU/uEoNCkWxWMEeJ/wQQgz8Uign9dlXSx0WC" +
! "3+F09XW3mdwVGu9YP/6uAwA8T/G7UDjV2B1wdXhCg8ODq9V9T174tcQp/BLUfU5V3bchhV8PL/y8fovnjjle7sQGsDnX2eMc1C9GxieyM0uNstLSzNJMSXY2fYgm6G1i4s6d9CjjxML4ArW0sETuubnkHsmNRIRIV4T6KInyURbkgjROjHOW3iPK5FbHN4lsFtrx0ABv" +
! "DPnaO1xt/jyNTY8IBgB4buI3t3Csr8fpK9LPzOt0q9d9uvk1F35C0ffEdd9qhZ9vTYVfR4fTZe+2mGzhyc50c2zuxATwisPknJueGs82FucUFhYUFPT3FzCFBYWi8nJyJ7q6cqiVlZVici82krtKqSBTkdtyYk8IiT2hDmua10Jac7lLS0JcK/9TjIqkP37+X2BaCupY" +
! "YnQbDLNzje3OzoG8rIoRvBYMAPBcWOnSBzpbisZ0uekTmZkJ6z5a+GWvofCjVd/CAqn7lkjdl7uGum/DCr+54Uafr8Vht7jDkz3p5ujciQrg2+mBzsaxqfTM4vKCw2bz7bUwJ3CY6ecKlFikFwp5Tq1QxWKiR2d5qTLFhf8EnPjfYJzHeAzhP0ZElzZmKBoOtXT7h8qc" +
! "eCkYACD5bqfrTG0ew2LunUzjSjkt/OLUfYWs7nvqwk+u++6sXveRwi/3SQu/6dULvzEhq2dJ6DjbvOEsU2ZU7qgD2DxtcRh06aUrhf1mc0HxxKh+ONTu4RfQW/ijhcw6hKvp/KK64rp6DEfsNXcHv/QuXX930mXxHViuvj56d9ll9Nq7XXUJPhAQ7230JgrQa+7xdbqC" +
! "vnaPJ6TXLUXm9YaiRofFmmUpxl98AIAkM/cbLI6ixaVsY05hAa37zM+g8Fu97ssRCz8a6Gsu/MZXLfyWcqdGZ0joDLc7e2wazZS5OGEAm/WmFn0ku5j+ISwY7HkZJ3duHYdK9paF/U6fLl2nNwx7At5J9x381QcASG7+FrdYfGORbGMXCR5z16/e/PjHd5sut94TtbIH" +
! "nbTevEmXbopbyMpNwa1bt+hDRtvOSmtnz95qaDjbwO3Zs6fh7B5OWN9zg/jo9Gl6v3jxysUrKmeI5eWa5Zqammbxrnb//v3r8TRfuXXt7378kx/+w7e5SzqSwXPt9oEKjcF8J0EAmxdNnpGlzJVCs3nUWXGSRlbGwVeezMF1ySDYjCxksDlv2Bh7Xy0pObRzZ5a3R7cw" +
! "pi/y9fnD4Sn85QcASGb+Gvs6h2fGS3MKDt8u/493T5z68MPKLePDDz+sqnrntR8WLSyRCG50WHqzgv1TcQP4dropSPI3p8Dc1aIh6ZtxJEujCQ/Jv/gk/u4TnSb6LaiwNBGm4TB9xDE5SR8iaWEVGkqcPq2srLIjBzP2kgw+6G1fWBwxNLoGJt2Z+OsPAJA0t7uCnXPz" +
! "6caufnPOFz+v+rCy+tj+/Qee1v74d8VNvAtLFJvJYhqewDHlhN+PCTOiurry0juv+xZG9frhljZbmaU/M14A53Q69bmZOf3mBfdbh149WKaZHKK/f9xr3SC94qOXL6/euVcxJw9bvJ3EBvYb1Tbh3qsYgP5WNV8jP8jQpCaLZPCrJ48e8YxOjegbXX5NG96JBQCQvAJ4" +
! "sG2Y5u/h23/4+SWavvn5tbXbvtxWxx5fbhPvfK66r00tm9KbsEIW2BrfQBv49tq48uUF4UbV1iomtcKSuEY3kn8AHDtW+eE7r6dNzehnPQF3WchcEBvA5lCgaCp7peDw4sGjpPrVhCvyem3eAZOlZ7NZLOpJj0VsZWcizyxrGdPkdZMMphFcsvOoc3pqTN9od2f58AQA" +
! "AEhW/k5bQov0oxpzfvhpZfX+AzR965gH7PFX7GckyfPz94sR/NPcNH2RJ2Atm78dE8C3dQM+8udQcHjm5M6Mg1nhoQq339TTlvidxZuuractpmUNe7cF2iz+3iFN1sGMvYfe6pnRjRja2/I0o3gKAAAkxe07ncGRhdJy869er6w8RuJ3G43f+vpz15/a/URvimLb6Gah" +
! "x/2onqQ5uneCUeJui9f7/vV6GsKkDN5/rLrykx9GFkkNbKmYzByNDuDDbS79QmbO4cWMnaT8HRqydrtIZPVsKeRfE/7ecNaRjL0n37LPjOpnOwY0LnwgBwBAUhQGuw2RzBXzr35Dy18av/X11+8L7yx+Tlwgt+iWNezdXHP/3PU6sQqu/PAnuWkjc44BjddsVgcwKYAH" +
! "RyeKD6dP0vwND5nmPJaeractYHEPaUgCHzraOD9vaOy05o3jSQAAkIwCeNQUWrxjNBtfJ/lLy9/63195ntJ3QxKc/EB1JIJpAlf+cGpG39htK0sfVwew2UkK4NLCQtNbGa9owuG+tA7h+jO9BN22pQQC/gqSwK/uzNBPjc0GBzTDeBYAACSlALbrl7ILCv/1k2p6+fln" +
! "rXdPX7+/9TQ315MEPkAS+JOfTo0YWkyT3VEVcLrFN3+nuN/3aslBUv+2R+ymti0q0GnKIwlc8palKGIIBfL8RjwNAAA2X24PKYCLzT89VUnq39oHv/j75ev3L1D3xdmWUXO9bhtJ4OrKF6fm9Y1265DRqAxg82Cnfiq7IDNvZ0ZZOOzMdvgDbVs4gSuyXtl7KMOhmxl2" +
! "efPwaRwAAJuvv7FTH8k+nPt65bED22rr3vj75q0WvNz95fv1YgK/mztdFBzQFN1WBnBXW3A63VjgzCg5Mhluy2z0d27dACYJ7B8qO/jqW6bh3CKPabIRzwMAgE030d0yk75iDpyqPlC77YMf/GD5XPOFZnqnk6gIE7dcoFNxqVloE2/q/uKKskHYeRXN4uZmxRBsP3md" +
! "H1s+rOIk+HlIx29uls9DWKtppq8DH6t85z90Bl9bhcWsDOAlU+P8RJcx79BBzaT3zqg3EKWNfesBmSi+hjggtrSxrYFYbdI3Fqt3jheL4n1jsdNTt7V1dno1RzIOZXVM6RsDeZZyPBEAADbbtGVYN9E/9fqHx/JrP3j7pf97LvpjlreQC8v362pJCax9N/KHYZe7orRc" +
! "DmDzXLchkl2QllVyRFOhN/ZYOjsD4jcOCXPxi4fUs07+CPB+gU7WWZjTbYGA6puLpD3iUnTr5F35wOK6uKPy1AKsS0Deix2SDyANzk9OWOnuySs7WFLSrZ8nfxK9S3giAABssoJ2uyFSetjxDimAa/9u9+8eNG9lF85cr8s/cKzytbRFQ9CkmVmSAzinu2NsvLTA9WpG" +
! "VrhnxeDnX/oXLSB/GWDijY/35D2f0Wjd3QPhIxlHTY2R2aBpMoRnAgDAJsu2t8wsdBnfvbQ/v7Z59xsPLtTUCN841My/dYgWxDXN4oy11QiLQp9mdVdxs9i3Rv7mIrZXTfziuka+ywfgAwvtbEc2BGuNORIn9RcHl38MuvJ9PS2Bq3w6gy9QIb4PWgxgnaUxLd3Y5d/5" +
! "iiYvrdhi6dzq7IHesoOHNMGI3tcz5MUzAQBgk81YBkfT+0d/U3kg/4Mf7P7L9eWauJpjFuJu3WRPcdwzzXW1+49dejd3ZNjlzsuUA9hpmR2dKMzMO1k2aSmf8W/5/CUlsF9zsCSjcXSsMZBXhmcCAMAm87QV6bL7/8871fm1+95840FzvABeTpxny08We8vLa8zJ5Q2O" +
! "anm8K+dICVz5mm6mKDgQHpQD2B0wTGUXpmeVZFXM9TtM3SSguuUJySt6pzcaXZ3iFnGhk23lLWyZb+julveVd2E95Rtr5jNhjE7FcZWjiMfgPRQn0608RbbGljql7ewMO+09Q0dKdvoW0wbttgw8EwAANpnfro8YC//h02P5H7z95uUHy1QNm4pzOmNLika5n9wo71fD" +
! "21hTDZ/WKHZXUh8jelbDx6uJ37FG6FGjOpsa+VGj/ImuNNfl769859tRvccStikCuJsEcP/Sq3s1eQtGS093DB50UtTKqaeK1O7uTtW2+DoVG6OXeGx2dsaOEHe/TvnY0lzZo1P+EVQnbj2y96h9anHY5T6IZwIAwCarcOlzi4t/WL0/v273C3/605XlM2fOLPMJedA7" +
! "vS2zBRFvFLuKLdJuy/KEEdqlBd4sdeTjnZF7nOGtcifWg0+X+dmIJ8qH5MeSlsTt/Mchjyv1+QeqP/1pRB8KVGTJAewl/xLJPKw7maHxF0YGulOB3Zu1d6c/e2bO5X4FzwQAgM0OYKc+N+fPr1cfyG96+ccPar4/E4XnnJS0cuCe4YksxqWczstnEmEhHNVtmYf6Mhsn" +
! "dgBlm/I4ctKeiRmZN6jPZ/ni9doDx6r/55J+sLtXEcD0UkB2//ShjEm7eWzAngoB3GfS7N1pM87MOb1H8EwAANhkeR0jSyuFr1Uf+Nnb//XwwRVFAF/5Pk6CXlEtXFEtX5G3xvP992ce74o42pVVe8QZVDU4Xfn+e96k/jnISTZvIwH89pJ+uM+mUVTAffpcIYDDof5B" +
! "i72b3AhSJtJFYcrX6USc29mkm7UJ7eIedmGV7cXGYDvJC93KUflg6u68mY3WzXcTJ/zw3XwvRX9pML5J3UK4LJN7d7oRwAAAyQlgx1iusWB79YEPXnq59fqVhM48ceM6nHmKLaLvv0+0Etv1ynUSwH+3QN8GrQ5gsQIOzxaELMo0VMRYbFM8T9ht3brX2dPVFkYAAwAk" +
! "S69jZMl4+MXqAw9e2H36wsUrKeD3dfk8gCfVATxRQANY3y8G8JbnahtCAAMAJC2AO0YiRjOpgJt3777SnBIBfPrzA/ECmL4GTAN4aB4BDAAAz1yegwQwrYCX30yVAP59fX6CAJ4oGCMBPHo4ZOlLiQAOIIABAJIcwKQC3vdyylTA9QkuQU8Jl6CFAHb19fXZ+/iETfmM" +
! "LtmFB73zNXG7dOc7KAawK3aWWthcuEm9+LJ0INZVOg9+VOm48tFZL3FuV511n3wsencG8BowAEDyAtipFytgEsDfN390kbpyRZ5duSiurAlJOTHK+SCPGeNKopUrMYt8yMeNycKW9VT1vfF5ggpYCuDGHlefy0UefX3CRMDnZEsf2+KSNrsUCcdaXS6+wnvIXV2qDXIP" +
! "xeH4AOIs6jSiu6qOrTwL6RT5EfmJ0yYnKmAAgGRWwPopo/mUEMAXa05/JLqomPIZX7zI7ySto1ouyt0UO330Ucw44vJF4caXo0eQ2i/KJ8KPqugQNXic434UdawbCV4DNkzdYZegB3tcqcDRiQAGAEhuALMK+OLyaeIjksLCRHBaijDafPoj9fbTiog7LbaePs1XeKvY" +
! "wHZXtMsHOK0cSNEefR4xfZXHVpyEdCB+qqcVJ/JRogo49QJYvgSNL2MAANj0AHbSABZfA/5o+cbpFPDHBG/CMujSC0dYADsRwAAA8GwD2EUCuP/F1QJ49VS+EW95Q4L8xgaOpRz2j3ErYHe3IoDbUiOAuytwCRoAIIkBrCvt5xXwnhsbiYTd0+x14xn7S9zXgN2digAO" +
! "OFNBhx0BDADwXATw6TN7bqSAv8SvgFUB7EAAAwDAM1VBAjjTLAbwje/3pIJb5+IHcFEKBzBeAwYASEoAF4ivAd+40pASAXw/QQU8ygN4uFMIYAe90QlbpitOtq7gEB8Oh7zJodjoYD14N3kPRavUVbGbQ3HnvRxO9RHYJoc0nvrAigPKJ8IWHM6OPgQwAEDyArjPoMtk" +
! "74JOmQCO+xpwW9HouBzAcvAqotLhYFHncPDsY1knZbWDB7GDhysfyKGMVadDleyqDvywbChlgPNGdlD5APxoDulMFbEuZXPUz4QABgBIagVsGM0sEAN4z0dSADfsaZBmDQ3SulKD+GhokLc17FHt36BqirOv4kjSsni0PdKoDaqBG5Szx/1zoUF1HmzcPXtuxq2AbYGi" +
! "+fRCvRzAW1+wLw8BDACQtAC2G0az2WvAey6ebVBEl7AgRqwiTRuUId0gTXgQN8iJqYrOBvXe8iBsH8VeqvAWd2gQx2cHbVDkdoNq0hAV8nvUpyQ23bqQKIDHpQDuSI0ARgUMAJA0Q3bDfDZ7DXjPxVsk3c7SwD17VpjRlbPCTVo6Ky6Id2FV7MsWVN3ONvAFcbQG1pF1" +
! "58OebeA3qb98VOlIfBs/ABtfGlG5wA/CfoKz0jB07V78CrhNDuC5DQjgjnV3eAbHjApgFypgAIBkBvBoNrsE3fDRrbMp4N6f4r0GbG2bXVzoEgN4trsjFbS4UAEDACQzgBd5AJ/dgAC+tc7tz+KYUVrjVsDqAA6mRgCjAgYASF4AdxctTrB3Qd86ffPW5rh5M4mDXn18" +
! "ANuDqIABAOBZB3DaBKuAb964dzOhWzc30HoGu7XeM7n6p7gB3KMKYJLANISDijsTDPIJW+ezYEeHqmtQtV8wah61ohowGFQcOKg6YlAaM8gOEWR78PPlBw7GHDKoOFV68zgRwAAAyQ3gw08QwFvH5fivAffMLS7lGFgAtwSD5B5sEed0kUxJzSistIjrQWmhRezBtrCH" +
! "tE1sb5E2SDrido0ZmS0rp4p9gx1soYOfRDBqDMWorJmdTjsCGAAgecKdJIALeQC3ihF1T3Fn7t3jk5tSH3F2T95DbnnSJFccgI5+TzjGPTa7KR/ynjTmPXaIe+rd4w0Ye6bCbpcTVMDDaVIA97WshobYVtDuxGvAAABJDeA7PID3tN5rvXfvXiuZiHe6QkJLuX5PXhB7" +
! "01kra5V7tbJ2cWOrtC9N0ng9xUXlyK3Kg/ENN/lh+ChkLp1yq2oMeVTWLJwNmV6O/xpwz9yTBvBWgQoYACCpATwrBXDrnqutq7jXujXsSFgB564IAWwuSq0AHkYAAwAkN4DvNVxtTQE74r8GbBmeyS3mAexJoQBOQwUMAJCkAE5nAXx1T4oEMK2Ax/UxATwtBbDLQxOY" +
! "P+hMsczWZB65q4f3ErtIe8XsEHfVI80THCrOWOqz8CgHUp+Q6lyFabuDBbADAQwAkIQAnptJLxcC+M3WhsutrVcJklJXxbug9aq42CrcrkqPq7yR9RHXyezf9m2v0oqqtu+7ykaho9Jp1SVpW6u82z5pj310DGlVohxJPAz754J4qtLwfMp78bPnZ3r1PaECHh9TB3Cv" +
! "ZXA6IgewEH0ejzBp4TeWacKix9OizFhFUPItQpswhBTRbE+2I+soZbW8wnblh+Xji2cjnY54evIIHrnJozgVj3wIj/JAHp9DeBNW2iwCGAAgqQG8u/XWZRZxbH75srysWuKrfPtlvlHYIyo8q/apdlNu3C4N23pJarxEGvZp46na929X1+ay6lSFaWuTWAGPzMUE8JSi" +
! "Ak4BCGAAgKQG8PA0r4Cv3rrcKmTVZSGw+I2FF1+8fPmqInYV8Sx2uPpvp0hUfv11+VeCr7+RclbsuuOS9jNx01chbZUU4i9qf8Raf6Tdd/nydu03X0XxTpKRTgknoIh+cdzLly/HiV31eYszoumCWAGrAzjPRALYKAawwdmeEgHcIVyCXkQAAwAkwWRgeHqcvwZ8a8fl" +
! "9SMV7qQyOMtJBG+XN7+o3SVtOq7dx4+4TxHAL16NF8A0zUkCr/8EhQr4xwtjc051ADeSAC7iAZwggcVmsrU9/hblanv01nblWnvsfu2KrdKBVj0LT8xR2mPPRl6OGs7XkfeqEMAdCGAAgE2naSMBzCrgyzc3IIBPaY9HonLzC632Rb756imtX9rwjZyn6gp4R/wA/upb" +
! "LS2P1xvAtAL+cXpsAI+IFfC8EMDr59nAXs9ESHwT1nwRAhgAIKkBvHvHzffiJ/AOPtuRaJO0uk+rzY3JTa/2Eum3gz4uy1egaZ5W8RFUFfDlBBUwrYGrhHPcoTguWWarUa0xS6JrwgdxpI/NRgVwaEynqIBTQMjJA9iPAAYA2PwAHhxZkCrg93as0+9Oab+Ok5s/0m5n" +
! "HeRKl1+Djm4nFfCO9xIFcCaJ8vW69iehAp6OCeCRVAtgVxgBDACQtADuGRxb6JIr4PWq0k5J1erX334lv93qd3y797acp2HtKbafqgLeIV+C/uxrQTnfY5f2xLoD+IJQAccGsF5nnGWXoH0pEcD2SSGADUEEMABAEirgxpGlHLEC3oAA/q32uPxyrVaudo9rf8u2a8tV" +
! "r+lWPaYC/pb9BtIXbOt3NJ7XR3wXtBDA4XgBTCpgh2892n0bo739ccO3P+lB420Nhdo0CGAAgORVwI16FsC7d9xrem+dfqvdZealatWpS9L1aFq40u0var9TXVI+ztrfU1fAygCu2n5qe5X2eCF/39b2+EfeseOJT7Kevgs6faZIFcAVJp9eVzq3EQH8V6Kx3UQDuFiH" +
! "AAYASEYAW0gAr7AKuHW1AH6ScP7db6VfMvpvrfb4KakeJqkqdKiSSln+pqpT4uDKCvhFGtRyADc1Ne04zt+69Q0bSNgp6pTIelPTY8/+2uXrB8QAdkQH8CgLYH1HI68SnyDIQoqH3BSSZ9GdE69GVajKWdRuoQS9YwcNRZ8nP6/GDj+9BF08igAGAEhKAIf00iXoq02i" +
! "99hNWGaLUst7POboEt8gBaBWe5hfXv4RvXQ8JL6Gu0v7W7qvfAX6WzlfhQFVl6CvNSkrYLL9hLQfiecmMWib2AkqRLXJZ81Plt4f/r6OVsB34lTA82IAHzYEQ7Ea2dwnTn3ig63ybT5FF7mvtCGRVbZG7+mLXvbFjkDClUwaWZuwIp6/ohdp7fSGeQBn4ZkAALDpAezT" +
! "LxnFAG66fE1MrmtNT+Ca4iE1XavShqTyNjJ0XP4USWH7dn4FOsLmh3dpTwhZeUJZAdM8jnoN+DvpmnXsWTzRaQpTen/YXHdADGCHNzqAM4dpABf4goONcZAMYwsh8RHboTGkXFG28P6sJRSzZ2LqQ0lrodBjd1ceKbrPYIeJB3ALKmAAgKQEcC57DZgEcEJN8qxJsc5a" +
! "m6SN2xUfdEV/bYjUvvR7FE6IHau0jezSM39NV6M9JeysrIBP0KRWB/DX8ru2xKOJh2xqij6LJn5qTYrzUvRqOn/zfp34GrBBXQEPyAHcYZ9dNRG3gNBgKDDgJwHsLdaRAEYFDACQjACOiBXwC7feO39tnR4+rFL/Bq/ZPPU1CVAxgJu0x8v5m7JYoTxFEpVSVcDXHr6Y" +
! "4PeAd2lPrfMEz9ecYxWwQf0asL9dvygGcH/QNDi4xQN4cNA5YBpAAAMAJDeAxTdhvVRz+e61dTuh1f6oXJ2a5d+xBJavQGulgN0lblJVwHQ1bgB/o616uL7Tu3vvwjn2GrChQ3UJ2u9hATzf3+J3DW/xAB72WPwIYACAJMoiATz1Z7ECvvC/7j7cgAQ+rtV+XR79CZLH" +
! "afUpvUDs1fL3R5s1Yk2rroATBPA3vJR+auevNZ8TK+CJtJgANixmixVwi9fSMbela+BhX5t/wGIaIgG8otN7EMAAAJsfwCYSwGIF/MLyuavnH3LXFPNr0Y10iW24ptp87RT7ut/vvo7+LMrzD09Iv5VEXxie5sVwFd1VVQE/THQJepf21EOlaw8Ti7ft/N3fnzt3Tvg9" +
! "4DuL6gAeUgaw32Rp2coJPBzqHDCZEMAAAEmtgNsNvAJe/uD7prsP1+WUVrbra/lrkUI0ZuOmKn0fNNnxxBMFcKb2+HrO7vzds/frz12vpxVw9ioB7PFbaAJv1cvQg3OhTvJPDHILiwHcMoAABgBISgAXswB+cO77a+tL4Crtt9JFZuW7l+mvD5GNvjihqhGqWtUlaBrA" +
! "GcrPgo4oPgr6qc/t2sNftN4nBfB1oQKeiAngFkOaFMAm04DJMTi8JYvg4WFPD/kBlRUwAhgAYPMD2NRu0P1ZCmCawOfXVQF/IZW8J+jlaFbI3t6lbZKvQKtMCdegE12Cjvo1pG9oOj+lu3dJ/l4/p6iA/UNyAIf9LUUz2eKbsDxeE03gzvbhLRfBg4PDjU6Tf4D8fOSB" +
! "AAYASGIAeww6VgF/TwK4vubyehJY+jbC8uPaU00kR+WPhj5xShtO8KtFJ6IuQV+TK+BvtVWntp+SPgjr66gXgdeUv3vOCaQKOKgO4KBhZoJVwN4Bkk8koeztgySDB7dQ+g77nD1+/4Dw8yGAAQCSG8BF/6KogOvrr994+iL4vPxlC4Ni6aoR1wpJBSxdnv4q+i3Spx5e" +
! "i7kELX8U5fnz56W3Tz9tAJ+/e3fH8rl6mr/1UgUcHcBF0xO8Ah4QI8pvCnS0hwZJcA3+tVj1TH0tdouf5q/w44m/hoQABgBITgAPkArYqAhgEsF/arh29+75pwrhJvnrBr/9Tqvd5eK/CqzVnpCq4S/Ez4fml5Uj4hu0oi5ByxWwUFh385eWT639vM6fv3v+8hX6o50T" +
! "Mjh+BewNzk7fkd4FTcKXJJSfTE1t9j6X0yFRLK7S9Pxx9nUHLMKP5TeZ/MLMjwAGAEhiBdxSNPoZD+B6IZ9IFXyl9T0ht9bqbpXWG6/K/UJbdYpXw1/xT4j+Vr4GfV51Cfr83agK+BQf9QsSwGt27b1bzfSnqhcz+Fz8CpgE8Fg6+yQsErzMwACf/9XzRxtAAAMAJE/Z" +
! "QMvsqLICpjFFJ9drrpy+saeBk5caVm3bJ31zr+qzsHZpt1dpp6SKdztxSvv1bX5dueqPyu8D3v7HBuW3IZHDbOcvLYeE1TXYc+Oj5fvCj0X/cSHO6qQKuCJBAHv9qYAF8BQCGAAgSQE8X/y+VAGv2ydSkspu/0j7yZfStzR4tZ/WP3jwQG7I1F6q/1IRwF/W178vB/An" +
! "ZNBf8gCOCKvrI34SVnZMAHfwAC5w+FMogHMiCGAAgGQFsHH7xgXw9UsxnwUd2aW9dP1TrYa9BPyd9n2hp1ZbIF2Dfn/1AH5f8dHR768/gGkFnD0fE8BzqRrA7QhgAIDND2B/cPb/sdeAL2xEANd/eUn9WdDffqPVXqr7/JL2M+kl4OtCx0+lrw52aT9dPYDlavm/Sfm8" +
! "IRVwZmwAD4/wAPamVgD7TAhgAIAkBPAcq4Bf2pAKmNTAnwgfnSGin/qs/eXn9Z9/ylu+1n7yudDvl9ofsZZvtO9f1+7K4ntcFxJ3iG36Je17SVshbv1uoyrgz+b1MQGsHx9MpQD2ywGswTMBAGDTA7hjeJG9BrwxFTAtWD9VfCT0J7/8UmiTW75k3S4pmz6RdyCbPv9E" +
! "3Vux9/V1n55YAY/qPasEML8RXjIVE9nLg9krbBI3eFUb+Zp6D2Em7iMu8KF5E2nxyqtedgj5BLzKof1+9ZriwPIZ8f2lA6hGZmeEAAYASGoAz7AKeMMCmCbmL0VfxrTEaXr/y9g9vlRsUnZdf/7WCxXwqgHs9qYCFsBLCGAAgGQF8Ia+Bvz8S1gBj4w3CgHsTKkAzkUA" +
! "AwAkrQJ+f8Mr4Oc6gGkFXKpL+QD2sgAe8VkQwAAAyQjgNCMqYAQwAAAkIYBTswJuH0gUwLbUCuAQAhgAIKkV8OcpVQGvEsCu57UCdj+DAC5fQgADACS9Aq6rqxdulLDEVumdP4TmetanXuzI7mIzaxSX6tlCvdSPDygNUF8nb+ARKfZgXcUWcUc2sDw+6yKdnGpwdgLs" +
! "dKVTZxWwb5UAdisyz+1VrbjpOp0IC163Mhal3u7Y5BR3cXvFm3pgZcDKQ3sVC2w38eDSYd1uPjY/rKIDb3Wr0lse2utGAAMAPA8V8EufP6iTw6qeB6gcbHIAinHG80yZporgq5e61Su3sijkA8ujKUdVNsWqV42m/MeA4szrFJmtOoxQAb9RqhtJXAFb3alADOCupTEE" +
! "MABA8ivgFCBUwG9kkgA2IYBRAQMAPC8VcCoEMKuAfYkCuM+WSgG8gAoYACDJFfDnKVYBJw7g1KiA3awCnm5EAAMAoALeDLQCNk6RAM5LEMB5qRPA/sKF6UEEMAAAKuDNIFTAU9MIYFoBI4ABAJJeAdenVgWMAJYCuGcSzwQAgCRWwPWpVAGXIoDlS9A9YTwTAABQAW9a" +
! "BRxKFMD23lQJ4AwEMAAAKuDnpwK2b1wFbIuaP4cV8PgMLkEDAKACfi4q4O5NvQRtew4CGBUwAAAq4E2qgI2RJw1g2+bGqG0TI1+4BI0ABgBABbyZFXDkeamANzd9bTEVcPrMMAIYAAAV8CZVwG8/mwC2JfPS8toPKFTACGAAgGRXwHUpVAG/XRyZWVMA255ZFj6mr832" +
! "2O5PHfViAKfNtSGAAQCSWQHXpVIFTAK4MWEAV6TSryEhgAEAkl0BX0+pCjg3rdHSGy+A5ws6UyaA9yKAAQCegwo4pV4Djg1ghxjAYX1BX4oEsI1XwAEEMABAMivguhSrgAdVAex2DOvHZ0kADx/2DEW/vGqzyS+02tbx9ip5EJty5FWHZD1VZxD1+rDNnbBL3HW2ZtUg" +
! "gAEAkl4BN7+ZOpeg41bAbuewfkF/MmMyaDaEE7+xybbu7H2Sd1TZEgyxke+strnzNHsRwAAASQzgxVJSAdfv3r38sxSugDV59kYSwCV7NRbzfDgq6myrvzfZ9nTpq9hiUw/6TN5yHVPC24ay9h41deE1YACAZDjidwwuLr1YfeCDF17e90Fq5O82GsArSySAFe+C7q0I" +
! "+AxT+oxXNVZjpjVPvEYsRJXiOi+9Xiysim02m+ICMb+yHFumsqHE6LOpwlveJA5v451svKuNX/9mHaMOF3UJWqqfFZetbXw3W9QF6t7JslePOox30obb8H3AAACb7aDbOTg/9RoJ4I//5kSKVMC1JIA/XsmdaVQGsGvI4jGMGiZLsipmDreFhRgU41QxY1M3i022zPH4" +
! "lVbFJGRZ6pbHUuzIXwRW7G/j2a8c2K1oc9vUB1Icjw9ok7I3bkfxEBWaIyVHZzNJAFsQwAAAm14B2/oG02Zerz6Q/59/85+pUQFvqz1QXb3bmKv+II6RsD9YtDiTd/LIpP22PhwdWlIM2hQhqs7fOLvYeE1sc9uiAlg1qjuqUQ74uNEZt1WR4LxStyVKamFqDWe9crJk" +
! "OnM8rdGCb0MCANhsvXmB0PQf3j22P3/55ZcepEQJvC3/wIf7f23Mnfb4K+QAzq5wu4bHdLaTBzXWiRVbhW2LowVwWcZOjc4YGfP4/XgmAABssp6hNp9e96+njuV/8NLL+1IigGvz91duH//nyIjH65YDuMBE/imin/IfzMgKt381OBmv/LRabQmK0r/CACYF8JG9bw3k" +
! "GnX6oLsFzwQAgE3mmzS1FEWc71QfyL/7Nz/+IDUK4GOVJ4rTdXqn2ycH8KMijanFMBrSlBwhJXCOu8JN41aIXDaxsvwlM3q3WdmSTWi2ig/WlTVyVuVWZVcbP4ZNHkN5FLFBNZy0h9ST3a18Se6u6MJHEjtYbUIBXHJ0Njt73mB3T+OZAACwyRYrvM65SOg3lw7kf7D7" +
! "zRQogX9WSwP4J4Xp80Wd3iVFAE9o3K7hmflwCSmB7f2L4V4by1I5Vll4Wa3KJLQqw1JOOCtPWmE/cZUt8vi2KYJcykurag9pKJucwVZFhrOxrPzsbFJvOfnlU7JKx6a/A5x1JGOnZmxlfLGxx5+OZwIAwCYzDvR2htL+8O9Vx/JTowQmBfD+yk9+XbowE7KYyhUBXOCv" +
! "CPj0Uz1ZJa9ohvTmlkmWpzw1bSx6rQpSYawKVquUe7xslrNPubsteskmD8Hy1BpzSGvMSUWdWPze6n8/WN29GloAv9WxZIyMtHg7y/FMAADYZOZg2OLR5/a8VklK4I9f3vK/ibStNn//scrXjJ9F9EFvi1kRwLfbNQMds/PTR/buPaLJ0xX2hGOTb6twWyc1WQf37szS" +
! "56SPGuxWPZ4IAACbLm3I6xzWzb5KS+DmN7f6p2Fty6cF8Ic/XUnXFdkrxOhlAfyoNNwbaNTrnFknM7Ime3OLLZreLZq/tjyNRvPK3pNvtacb6dciW0rxPAAA2HTZ7ryAT7/kfq1yf37+vpd/UPezLf0CcO0BWgD/qjQ3zWfy5qgC2OyhJfDYaN7BkoNZpAbuck1WbMUi" +
! "2O2uyNJojmSUvJWnyxnXGVw2A54GAABJENL4HXOj+iNVxw7U1v6WJPC2rVz/0ndgVdICWO+wzd1WBfCjwjD9t8jitKZk78GsyQp9jiEvnGfbcvHbGxby99WjGfPF6bn0pfBsPAsAAJJVAhuWXL+5dCyf1sAfN2/VBK7Npy8AV1f+/H9M0A+C9hY/UgewuajM6xrW62Yr" +
! "jtIEDvdNTAXCkxVWa298eXkxLarZ45rjdEk8dOK+j2lWtdtseeGsLE3WQZK/O8eMmePzRX29c3gSAAAkRVEWiZ2RXNOuyv2kBm7e/cJffrYlIzif5u/+6soX/5yZrjM43b7bUQH8qN8fNgVnR6aKKt4qySjTaGxzU/pAXnhIiEOrEMRWeue3Xqv4sAoTUW8vWxEfvSy+" +
! "he69vTFZrkp3qzTlw4jHU22OO4xig9Ua3cUqjZcX1mSV0fc/7y05eki/YkyP6IN+E14BBgBIDqN3yOKZTRt99x0hgT/4+zd/0Vy7beuVv/m1B/bvP1b56d8a7yxN+0x5rABWBPCjzHBem8cwnWuwlpzc+0qWZtIdNAw7/b0V4S1gUqPJItWvpuyVjL0n3zqi7ypOj8wM" +
! "9rh1eAoAACTJfNja6TPopt+tqjx2IL922/IbH1/7fNu2bVsqfUn5S99/VfnLvy2cGJ+ftfcO344NYPNMlpv8UYxFxtyaQyUZR0gEV/gtgYA/j6TXcyNLI0Tp2tH9yg4K5a9/utCYnps2120twhMAACBpQhqva9Awqnv3nQ+P0SJ424Vrv2j633V127aCWpq+9N1XQv6+" +
! "81+F/5yu03e4AwWPYgP4kdmlcdt9Br1O58w7uLNk78EyklqTQ0R4SCRWk3z+2KpzclKYCHO2INGsI9UfE7VlfFKmcuRgBql+j56saMwuyCT5O2u3dRTg7z8AQNKUWyYHHMOG0Vz7b45XH9tPqsVtdefu19yvo+kVe1PPohZ5g2LD2tSyx8aiV5+rKy/95LOubJK/7Sa3" +
! "8VG8AH7UZdO4Oz2z+pnIosN05OjOkyV7M0QHRWRBWMtYt70Jmp+RV/fuLSkpObRz50GvZ6m/eCJdNzZst7UV468/AEASpecNmUgCT0dG/v21DytJFUxDcH11J73Xxi1I10QM8bXnrfg4wCb7hfg9/tp/dBnTaf5aenNvxw/gRzn+LHdbcNCgn4+M6n09ZSUnD0XZuTN6" +
! "PYFDpONOaZ+dT2wNXdfoUEZFm286uzAnO31pVB/q7G0z4i8/AEBSjWgqTK7GIr1uavjddz6srK4+doyE1v4D9C7e9rP1tTm26qpqi3Sjdz5TNPGWp1FdWamt+vlPjYWldxbm9R5Lhd78KEEAPyq0lOWZ+trn9CPzuqlIbmQ0bWZmLJHp6RlBWtoiMU+MCnTclCgSyV2S" +
! "LSyME+nMHcEElZ2dLTwm2Bqf8RbeSeynbp6YuCNJVxoXCcvZxpzCFWPmnQXd9FzQZG0vxF99AIAkm9aE/XbPnH5al/vrf/r5i/Tl0mpyE+9kUimtyPfVVFc+tstj9l5tfY1jV3/6zs//SbdSbpwYjywWdZjyDIr8jQ7gR4cNFZPuNodvVq8fm5kZlUI0hpCvJFpzl3Jz" +
! "F0ioSnk6IcRodqag1MgUrxQXF6/k5OR0dZWXFxIFgv7+w4fNsttPzBzX4X5RgVKhqLyruDQze4JUv2NFnm6vX3cbf/EBAJJON6QhqUOK4OnFSORffv1PL3z88RsJvf3G2z+gN+5jeuNeojeFF/hNspved28kYTw2ML0rjvXmP/7jf/2KxN5K6UR67qK+sY8EjzJ/YwL4" +
! "0SNjn6bCH3C0D88a9NTIqqYpWgSniUWwWP/SaBbCWah4WTqri10xn0tZQhcbWT7ndJUXrqK8vKuri3SiPXNWVmiqE0YVMmhpZmmmklg230lfyNWljcy12/3u9hz8rQcAeB6UdmvyBrqDg0X6ERInNEF0QoZEhCuoEV72RabEsk8s/Gi60Kuc6XfI/9t/lZ39mUD4f7+R" +
! "JguJhhyaD0Ld19VVyAu//oL+w6TyO7z2ui+m8DtMmWnNd/gwHbigv1BV95Fys8v458+yJ8Z1i/rhDovNaVT/4LEB/Mg82puV57fYHS3tocbB4VXNCWZniwxFBkLPjIwIV6inhevTYjYvzrOr01P0Rv4A6Z9fVDjTy85y9RxXNktTfqn6juLSM7v4PE6vOy8I6D8AyGHI" +
! "sch/0NHFtDH9bMgR8Lpd+ApgAIDnxe1Rm8ZqsgdDw0VPUPeNrbXw4y9gJqz7ugo3oPAjI8fUfULhNzU/ox909Lj98+ZHjw3gR4/K2yvKhqx+kyUQ6Lavrq/P5XI5CYfT4ehwdASDLS0tHo+nvb3dFwr5Qo3U4ODgMI1poogwGIqK9Mq0HlGkNfvz1OlGY8yPzosWBWkC" +
! "shf9b0EDnwxD/+Po4yHHnGv0BfvaBtyWED7+GQDgeVLo0UzaTAFXh8fXuIGFH39XEn3VNH7dN/H4um/Vwo/XfemxdV8kQoIsbWbEMOxxWbz+2djrrmnx/zBW9JasMk24Ii/vCb7ggPEyfsGAibMQPYI2ItAp6LZ30/Sm8U3z20HSm4S3wCPmdyKedhLwJOVbgi1shw4R" +
! "yX/6rwCny+mS9Yns3YE2i8nvdlvmlvDeKwCA581CT5Ymz+039QQ611j4BRMVfnNi4cfrPoNeCmt9nLpvPl7d95jCb3ps1cKvaHYw5HF093j9bWPlcX7mtER/GObM6TmHxU0iOAHxaxPy2Ic6W21EgiwWA5mQM1mMZRbMQi4TnZ3k3t39uD97QbdMTPQA0xZoE/QokSOZ" +
! "On2G+XQjPnkDAOB5ZE4PWY9kTdLvH3js17o/SeEn131tYkp0Jq77Wlav+1Yt/OhIZLzYus/eGeixDHitXpc+0xz3R07Df3UAAHgeFCzoQ3Z/b94zKvzWWfclLPza4hV+tO6zOAdHpiZWzIl+XgQwAABAEiCAAQAAEMAAAAAIYAAAAEAAAwAAIIABAAAAAQwAAIAABgAA" +
! "AAQwAAAAAhgAAAAQwAAAAAhgAAAABDAAAAAggAEAABDAAAAAgAAGAABAAAMAAAACGAAAAAEMAAAACGAAAAAEMAAAAAIYAAAAEMAAAAAIYAAAAEAAAwAAIIABAADgifx/AQYAbzRDQTBrbA0AAAAASUVORK5CYII=" +
! ""
EndProcedure

Procedure.a RenderFrame()
  DisplayTransparentSprite(#imgbuttons,0*pX.d,0*pY.d)
  FlipBuffers()
EndProcedure

Procedure.a Loading(Type, Filename$)
  Static NbLoadedElements
  NbLoadedElements+1
  If NbLoadedElements = 1
    AdjustSize()
    FlipBuffers()
  EndIf
EndProcedure

LoadSprite(#imgbuttons, Get_imgbuttons() ,#PB_Sprite_AlphaBlending)
BindEvent(#PB_Event_Loading, @Loading())
BindEvent(#PB_Event_RenderFrame, @RenderFrame())

Re: iFrame with DrawSplite and Mouse and Keyboard

Posted: Tue Jan 24, 2023 4:11 pm
by temisnet
OpenWindow made it transparent through the css, I believe that what I am not able to make transparent is the CANVAS, does anyone have any suggestions or to make it transparent or to have the video run on top of it.