search

eerimoq / moblin

Moblin, a free iOS app for IRL streaming.
MIT License
182 stars 20 forks source link

Apply css stylesheet to the bowser widget #69

Closed janis-lv closed 1 month ago

janis-lv commented 1 month ago

Would be nice if we can apply custom css stylesheet to the browser widget.

Thank you very much for this great application!

Jānis

eerimoq commented 1 month ago

Feel free to suggest UI and examples

janis-lv commented 1 month ago

UI (copied from Larix Broadcaster): image

For example, we can apply this css to extract tournament table from web page.

URL: https://www.floorball.lv/lv/2023/jaunatne/zu14/tabula

CSS: body { visibility: hidden; width: auto !important; background: none; font-family: 'Calibri', sans-serif; font-size: 24px }

header{height: 0px; width:0px;}

.colmask{position: absolute;} .colmid{margin-left: 0px!important;} .colleft{left:0%!important; } .col3{width: 0px!important; left: 0%!important;}

chempionats_tabula_34 {

visibility: visible;
position: absolute;
left: 0;
top: 0;

}

chempionats_tabula_34[style]{width: 100%!important;}

table.tabula td {line-height: 30px} table.tabula th {background: rgba(19, 69, 85, 0.5);}

eerimoq commented 1 month ago

In Test Flight (beta testing) now. See README for how to use Test Flight.

Paste your style sheet (CSS) in Settings -> Scenes -> My widget -> Style sheet

janis-lv commented 1 month ago

Made a test stream. Working perfectly. UI is clean and fits my need ideally. You are the best :)