Allow to set margins for osd-overlay

[shibotto]

Currently the osd-overlay command allows to set PlayResX (res_x) and if I got it correctly MarginL and MarginR are derived from it. This is a sane default, but the moment you need to reposition your text it is guaranteed to overflow outside the window. Being able to set MarginR would allow to make some more complex OSDs, like the two adjacent columns of text in the following screenshot (using Aegisub):

I'm not aware of a way to do that with override tags in the Text (data) field, so the leftmost part of a Dialogue line or the style properties are the only places that come to mind to set a right margin.

[shibotto]

Mmh I see that ASS wrapping is so weakly enforced that I'm starting to doubt I would actually find it that useful, nevermind.

[ahaoboy]

Do you want to achieve this?

const s =
  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
const App = () => {
  return (
    <Box display="flex" borderColor="FFFFFF" borderSize={1}>
      <Box text={s} maxWidth={30} color="00FF00" fontSize={32} padding={32} />
      <Box text={s} maxWidth={30} color="FF0000" fontSize={32} padding={32} />
    </Box>
  )
}

createRender({
  showFps: true,
})(<App />)

[shibotto]

This looks really interesting, how did you do it? I see the code, but I don't understand what I'm looking at.

[ahaoboy]

mpv-easy is a project for developing mpv scripts using react and ts

https://github.com/mpv-easy/mpv-easy